:root{--bg:#041f4a;--bg2:#062f74;--panel:#0b3a86cc;--line:#27b8ff;--text:#fff;--muted:#c9e7ff;--cyan:#20d7ff;--blue:#2f7bff;--purple:#b94cff;--green:#27e58a;--orange:#ff9e2f;--pink:#ff4bb4;--radius:24px;--shadow:0 18px 40px rgba(0,20,80,.35),0 0 28px rgba(32,215,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,#0d68c7 0,transparent 30%),radial-gradient(circle at 90% 10%,#7439d7 0,transparent 28%),linear-gradient(180deg,#06245a 0,#031530 100%);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1480px,94vw);margin:auto}.site-header{position:sticky;top:0;z-index:50;padding:18px 0 10px;background:linear-gradient(180deg,rgba(3,17,44,.94),rgba(3,17,44,.4),transparent);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(5,37,88,.82);border:1px solid rgba(100,210,255,.45);box-shadow:0 0 24px rgba(22,196,255,.2);padding:10px 14px;border-radius:999px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.6px}.brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#1edcff,#7a45ff);display:grid;place-items:center;box-shadow:0 0 18px rgba(35,210,255,.55)}.navlinks{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.navlinks a,.account-link{padding:10px 14px;border-radius:999px;color:#dcefff;font-weight:700;font-size:.94rem}.navlinks a:hover,.navlinks a.active,.account-link:hover{background:#fff;color:#1240ad}.account-link{border:1px solid #20cfff;background:linear-gradient(180deg,#1d75ff,#1157c6)}.hero{position:relative;overflow:hidden;border-radius:34px;margin-top:10px;padding:34px 38px 26px;min-height:520px;background:linear-gradient(90deg,rgba(2,32,76,.94) 0%,rgba(4,45,103,.82) 34%,rgba(4,69,132,.2) 70%),radial-gradient(circle at 68% 25%,rgba(56,230,255,.45),transparent 30%),linear-gradient(135deg,#0c5dd0,#1d77dc 52%,#49a9d2);box-shadow:var(--shadow);border:1px solid rgba(122,216,255,.45)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(4px);opacity:.8}.hero:before{width:440px;height:440px;background:radial-gradient(circle,#28e6ff55,transparent 65%);right:5%;top:-80px}.hero:after{width:320px;height:320px;background:radial-gradient(circle,#7b5bff44,transparent 65%);left:26%;bottom:-180px}.hero-copy{position:relative;z-index:3;max-width:520px;padding-top:48px}.hero h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.93;margin:0 0 20px;font-weight:950;text-shadow:0 4px 0 rgba(0,0,60,.18)}.hero h1 span{color:#d7b1ff}.hero p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5;color:#e7f4ff;max-width:500px}.hero-cta{display:inline-flex;align-items:center;gap:12px;margin-top:14px;padding:16px 26px;border-radius:999px;background:linear-gradient(90deg,#9f42ff,#22a8ff);font-weight:900;font-size:1.25rem;box-shadow:0 0 0 3px #fff8,0 0 25px #47c8ff}.hero-team{position:absolute;z-index:2;right:4%;bottom:0;width:61%;display:flex;align-items:flex-end;justify-content:center;gap:0}.hero-team figure{margin:0;width:34%;position:relative}.hero-team figure:nth-child(2){z-index:3;margin-left:-3%;margin-right:-3%}.hero-team img{width:100%;height:410px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 22px rgba(0,0,70,.35))}.hero-team figcaption{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:9px 18px;border-radius:999px;background:rgba(0,52,133,.78);border:1px solid #59d7ff;font-weight:900;white-space:nowrap}.friend-badges{position:absolute;right:18px;top:28px;z-index:4;display:grid;gap:8px}.friend-badges span{padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,#16449a,#0471d9);border:1px solid #20cfff;font-size:.88rem}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.quick{position:relative;min-height:110px;padding:22px 24px;border-radius:24px;display:flex;align-items:center;gap:18px;overflow:hidden;font-weight:900;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.55)}.quick .qicon{font-size:2.3rem}.quick strong{display:block;font-size:clamp(1.05rem,1.7vw,1.45rem)}.quick small{font-weight:600;color:#edf8ff}.q-blue{background:linear-gradient(135deg,#0588ea,#073ca8)}.q-purple{background:linear-gradient(135deg,#bf42ff,#7a22c8)}.q-green{background:linear-gradient(135deg,#15ca79,#087a65)}.q-orange{background:linear-gradient(135deg,#ff9d2c,#e45a18)}.content-grid{display:grid;grid-template-columns:1.25fr .86fr .9fr;gap:14px;margin-top:14px}.panel{background:linear-gradient(180deg,rgba(8,62,137,.94),rgba(5,36,94,.94));border:1px solid rgba(74,202,255,.7);border-radius:24px;box-shadow:var(--shadow);padding:18px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title h2{font-size:1.55rem;margin:0}.mini-btn{border:1px solid #56cfff;padding:7px 13px;border-radius:999px;font-size:.85rem}.clip-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:12px}.clip-feature{position:relative;border-radius:18px;overflow:hidden;min-height:220px;background:linear-gradient(135deg,#5322a9,#008bd9)}.clip-feature img{width:100%;height:220px;object-fit:cover}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:3.2rem;text-shadow:0 4px 22px #001}.clip-list{display:grid;gap:10px}.clip-row{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;padding:7px;border-radius:14px;background:rgba(3,24,70,.55)}.thumb{height:56px;border-radius:10px;background:linear-gradient(135deg,#23d7ff,#7338d7);display:grid;place-items:center;font-size:1.5rem}.chat-characters{display:flex;justify-content:center;gap:14px;margin:16px 0}.avatar{width:74px;height:74px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#22dcff,#95ffba);box-shadow:0 0 18px #2fe7ff66}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.bubble{background:#fff;color:#17408e;padding:15px 18px;border-radius:18px;line-height:1.35}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-card{background:#062d70;border-radius:15px;overflow:hidden}.game-art{height:82px;background:linear-gradient(135deg,#72dfff,#7b4bff);display:grid;place-items:center;font-size:2rem}.game-copy{padding:10px}.stars{color:#ffd84b}.values-parent{display:grid;grid-template-columns:1.6fr .9fr;gap:14px;margin-top:14px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.value{text-align:center;padding:14px 10px;border-radius:18px;background:rgba(255,255,255,.07)}.value i{font-style:normal;font-size:2rem}.parent-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;background:linear-gradient(135deg,#f7fbff,#d8edff);color:#0b3178}.parent-box .parent-visual{font-size:4rem}.section{margin:28px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 16px}.section-head h1,.section-head h2{margin:0}.section-head p{color:var(--muted);max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(13,65,145,.96),rgba(4,33,82,.96));border:1px solid rgba(59,200,255,.55);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:8px 0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.filter-btn{border:1px solid #43c9ff;background:#0b4ea0;color:#fff;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:800}.filter-btn.active{background:#fff;color:#0a43a4}.game-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-item{padding:18px;border-radius:20px;background:linear-gradient(180deg,#0b4ba3,#062a67);border:1px solid #39bdf4}.game-item.hide{display:none}.quiz{margin-top:22px;padding:22px;border-radius:22px;background:#fff;color:#11377d}.answers{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.answers button{padding:11px 18px;border:none;border-radius:999px;background:#ddebff;color:#143c8d;font-weight:900;cursor:pointer}.answers button.correct{background:#b8ffd8}.answers button.wrong{background:#ffd3d3}.chat-shell{display:grid;grid-template-columns:260px 1fr;gap:16px}.chat-side,.chat-main{background:linear-gradient(180deg,#0b4ba3,#062a67);border:1px solid #39bdf4;border-radius:24px;padding:18px}.character-choice{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;cursor:pointer}.character-choice.active{background:#ffffff18}.character-choice img{width:58px;height:58px;object-fit:cover;border-radius:50%}.messages{height:340px;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:10px;background:rgba(3,21,59,.5);border-radius:18px}.msg{max-width:80%;padding:12px 15px;border-radius:18px}.msg.bot{align-self:flex-start;background:#fff;color:#15408b}.msg.user{align-self:flex-end;background:#5d3cff}.chat-form{display:flex;gap:10px;margin-top:10px}.chat-form input{flex:1;padding:14px;border-radius:999px;border:1px solid #52cfff;background:#fff;color:#123}.chat-form button{padding:0 20px;border:none;border-radius:999px;background:linear-gradient(90deg,#15d77e,#1ab7ff);color:#fff;font-weight:900}.notice{font-size:.9rem;color:#d7efff;margin-top:10px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card{background:#fff;color:#10346f;border-radius:24px;padding:22px}.form-card label{display:block;font-weight:800;margin:12px 0 6px}.form-card input,.form-card select{width:100%;padding:12px 14px;border:1px solid #b8c9e6;border-radius:12px}.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(90deg,#6041ff,#06b9ff);color:#fff;padding:13px 20px;font-weight:900;cursor:pointer}.legal main{background:#fff;color:#18315e;border-radius:22px;padding:28px;margin:30px auto}.legal h1,.legal h2,.legal h3{color:#092b72}footer{margin-top:24px;padding:24px 0;background:#031b40;border-top:1px solid #1d69b6}.footergrid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.footerlinks{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:.9rem}.coprod{font-size:.9rem;color:#b8dcff}.small{font-size:.85rem;color:#9fc7ec}.social{text-align:right}.mobile-toggle{display:none}.only-mobile{display:none}@media(max-width:1100px){.hero{min-height:700px}.hero-copy{padding-top:10px;max-width:620px}.hero-team{width:90%;right:5%;bottom:0}.hero-team img{height:360px}.friend-badges{display:none}.quick-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr 1fr}.content-grid .panel:last-child{grid-column:1/-1}.values-parent{grid-template-columns:1fr}.cards,.game-list{grid-template-columns:1fr 1fr}}@media(max-width:760px){.site-header{padding-top:8px}.nav{border-radius:22px;align-items:flex-start}.mobile-toggle{display:block;border:0;background:#ffffff18;color:#fff;font-size:1.4rem;border-radius:12px;padding:8px 12px}.navlinks{display:none;position:absolute;left:3vw;right:3vw;top:72px;background:#082b67;border:1px solid #36c4ff;border-radius:20px;padding:12px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.account-link{display:none}.hero{padding:24px 20px;min-height:720px}.hero-copy{padding:0}.hero h1{font-size:3.2rem}.hero-team{width:116%;right:-8%}.hero-team img{height:300px}.hero-team figcaption{display:none}.quick-grid,.content-grid,.values-parent,.account-grid,.chat-shell,.cards,.game-list{grid-template-columns:1fr}.content-grid .panel:last-child{grid-column:auto}.values{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr;text-align:center}.social{text-align:center}.only-mobile{display:block}}