:root{--bg:#07111f;--panel:#0d2036;--panel2:#102b48;--text:#f5f8fc;--muted:#9fb3c8;--accent:#26d07c;--blue:#4285f4;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07111f,#0b1930 45%,#eef3f8 45%);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}button,input,select{font:inherit}.app{max-width:720px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 16px 88px}.top{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:18px}.brand small{color:var(--muted)}.logo,.hero-logo{display:grid;place-items:center;background:linear-gradient(135deg,#26d07c,#0da5ff);font-weight:900}.logo{width:42px;height:42px;border-radius:14px}.hero-logo{width:76px;height:76px;border-radius:24px;font-size:34px;margin:auto}.hidden{display:none!important}.ghost,.link{border:0;background:none;color:#b9cee3}.login{max-width:420px;margin:60px auto;text-align:center;background:rgba(13,32,54,.96);padding:34px;border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 70px #0008}.login h1{margin:20px 0 8px}.login p{color:var(--muted);line-height:1.6}.oauth{display:block;text-decoration:none;padding:15px;border-radius:14px;margin-top:12px;font-weight:750}.google{background:white;color:#233}.facebook{background:#1877f2;color:white}.note{margin-top:16px;color:#ffbd66}.welcome{display:flex;align-items:center;justify-content:space-between;padding:14px 2px}.welcome span{color:var(--muted)}.welcome h1{margin:3px 0}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.hero{background:radial-gradient(circle at top right,#1d5792,#0d2036 55%);padding:26px;border-radius:25px;border:1px solid var(--line);box-shadow:0 15px 45px #0005}.hero h2{font-size:28px;margin:10px 0}.hero p{color:#b8cee3}.badge{font-size:11px;background:#26d07c;color:#052116;padding:7px 10px;border-radius:999px;font-weight:800}.section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.games{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-card{background:white;color:#12243a;padding:18px;border-radius:20px;box-shadow:0 8px 28px #17304b22}.game-card .icon{font-size:34px}.game-card h4{margin:10px 0 4px}.game-card p{margin:0;color:#65768a;font-size:13px}.order-card{background:white;color:#12243a;padding:22px;border-radius:24px;margin-top:18px;box-shadow:0 12px 36px #17304b24}.order-card h3{margin-top:0}.order-card label{display:block;font-size:13px;font-weight:700;margin-top:13px}.order-card small{font-weight:400;color:#789}.order-card input,.order-card select{width:100%;margin-top:7px;border:1px solid #d9e3ed;border-radius:13px;padding:14px;background:#f8fbfd}.primary{width:100%;border:0;border-radius:14px;padding:15px;margin-top:18px;background:linear-gradient(135deg,#26d07c,#14b86b);font-weight:850;color:#052216}.result{margin-top:14px;padding:14px;border-radius:13px;background:#e9fff4;color:#075d34}.orders{display:grid;gap:10px}.order{background:white;color:#17304b;padding:15px;border-radius:16px;display:flex;justify-content:space-between}.order small{display:block;color:#72849a;margin-top:4px}.status{font-size:12px;font-weight:800;color:#0d8c55}.bottom{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(680px,calc(100% - 28px));background:#0d2036eF;border:1px solid var(--line);backdrop-filter:blur(14px);border-radius:20px;padding:8px;display:flex;justify-content:space-around;z-index:5}.bottom button{border:0;background:none;color:#9fb3c8;padding:10px}.bottom .active{color:#26d07c}@media(min-width:650px){.games{grid-template-columns:repeat(3,1fr)}}