:root{--bg-a: #02081a;--bg-b: #030f2c;--glass: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .22);--text: #ecf6ff;--muted: #b7ccda;--accent: #3dd5b0;--accent-2: #ff8f3c;--danger: #ff5252}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Space Grotesk,sans-serif;background:radial-gradient(80% 70% at 65% 35%,rgba(19,49,164,.2) 0%,transparent 60%),linear-gradient(120deg,var(--bg-a),var(--bg-b));min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(transparent 95%,#78a8ff24),linear-gradient(90deg,transparent 95%,rgba(120,168,255,.1) 100%);background-size:100% 64px,64px 100%;opacity:.38}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:2rem}.top-nav{display:flex;justify-content:space-between;align-items:center;margin:.95rem auto 0;width:min(1240px,calc(100% - 30px));padding:1.06rem 1.75rem;border-radius:20px;border:1px solid rgba(154,176,220,.23);background:linear-gradient(180deg,#1f2b4fc7,#1a2647ad);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-family:Sora,sans-serif;font-weight:700;letter-spacing:-.2px;display:inline-flex;align-items:center;gap:.72rem;font-size:1.05rem}.brand-mark{color:#2d74ff;font-size:1.15rem;line-height:1}.top-nav nav{display:flex;gap:1rem;align-items:center}.top-nav nav a{font-size:.95rem;color:#d5e4ff}.nav-login-btn{background:linear-gradient(180deg,#2d74ff,#1f5ee4);border:1px solid #3d82ff;color:#fff!important;border-radius:10px;padding:.5rem 1rem}.page{width:min(1240px,96%);margin:0 auto;display:grid;gap:1.2rem}.center{min-height:76vh;place-items:center}.glass{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px}.landing-shell{gap:1.8rem}.landing-hero{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:3rem;min-height:calc(100vh - 170px);animation:rise .6s ease-out;margin-top:2.2rem}.landing-copy h1{margin:.75rem 0 1.05rem;font-family:Sora,sans-serif;font-size:clamp(2.8rem,4.8vw,4.9rem);line-height:1.03;letter-spacing:-2px;max-width:640px}.landing-copy h1 span{background:linear-gradient(110deg,#4da2ff,#6c89ff 45%,#a883ff);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-copy p{margin:0;color:#93a4c4;max-width:700px;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.4}.landing-pill{display:inline-flex;align-items:center;padding:.5rem .98rem;border-radius:999px;color:#68a8ff;border:1px solid rgba(77,142,255,.35);background:#14337c47;font-weight:700;font-size:.9rem}.landing-actions{margin-top:1.7rem;display:flex;gap:.8rem;align-items:center}.landing-actions .primary-btn{background:linear-gradient(100deg,#2d74ff,#4a8fff);color:#fff;border:1px solid #3d82ff;font-size:.98rem;border-radius:14px;min-width:220px;padding:.78rem 1.15rem}.leaderboard-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;padding:.78rem 1.15rem;border-radius:14px;background:#8595b82e;border:1px solid rgba(163,178,214,.25);font-size:.98rem;min-width:190px}.landing-visual{min-height:620px;border-radius:36px;border:1px solid rgba(79,112,210,.45);overflow:hidden;background:linear-gradient(120deg,#0f176af2,#15139bf2),radial-gradient(circle at 20% 60%,rgba(255,30,119,.35),transparent 50%);position:relative}.visual-lines{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(ellipse at 60% 40%,rgba(24,114,255,.7),transparent 45%),repeating-linear-gradient(105deg,rgba(59,106,255,.42) 0 2px,transparent 2px 80px),repeating-linear-gradient(72deg,rgba(235,33,128,.27) 0 2px,transparent 2px 130px);filter:blur(1px);transform:rotate(-8deg) scale(1.08)}.landing-space{min-height:58vh}.landing-footer{display:flex;justify-content:space-between;align-items:center;color:#4f6898;font-size:.75rem;padding-bottom:.8rem}.landing-section{margin-top:2.6rem;display:grid;gap:1.3rem}.landing-section h2{margin:0;text-align:center;font-family:Sora,sans-serif;font-size:clamp(1.9rem,3.4vw,3rem)}.landing-section>p{margin:0;text-align:center;color:#9eb1d3;font-size:clamp(.95rem,1.2vw,1.1rem)}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.info-card{background:#07112fb8;border:1px solid rgba(114,142,192,.3);border-radius:24px;padding:1.8rem}.icon-box{width:78px;height:78px;border-radius:16px;display:grid;place-items:center;font-size:2rem;margin-bottom:1.1rem}.icon-blue{background:#3782ff29;color:#4f98ff}.icon-violet{background:#945cff2e;color:#9c72ff}.icon-cyan{background:#0bb5d72e;color:#15c8e4}.info-card h3{margin:0 0 .5rem;font-size:clamp(1.3rem,1.8vw,1.9rem);font-family:Sora,sans-serif}.info-card p{margin:0;color:#9ab0d5;font-size:1.04rem;line-height:1.45}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.skill-card{background:#07112fb8;border:1px solid rgba(114,142,192,.3);border-radius:22px;padding:1.5rem 1.55rem 1.45rem}.skill-card.skill-green{border-color:#39e8b673}.skill-card.skill-purple{border-color:#af96ff73}.skill-card.skill-gold{border-color:#ffd25773}.skill-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-top strong{font-family:Sora,sans-serif;font-size:clamp(1.2rem,1.6vw,1.55rem)}.pill-range{border-radius:999px;border:1px solid rgba(136,167,233,.45);color:#8ebdff;background:#10245473;padding:.31rem .82rem;font-size:1rem}.skill-green .pill-range{color:#39e8b6;border-color:#39e8b673;background:#08493759}.skill-purple .pill-range{color:#af96ff;border-color:#af96ff73;background:#35215e59}.skill-gold .pill-range{color:#ffd257;border-color:#ffd25773;background:#4d3b0c59}.skill-card h4{margin:0 0 .45rem;font-size:1.2rem;color:#68a8ff;font-family:Sora,sans-serif}.skill-green h4{color:#34e1ae}.skill-purple h4{color:#a891ff}.skill-gold h4{color:#ffd041}.skill-card p{margin:0;color:#9db0d1;font-size:1.04rem;line-height:1.4}.friends-cta{margin-top:3.2rem;background:#262b6ac2;border:1px solid rgba(127,142,211,.26);border-radius:32px;padding:3.8rem 2rem 4.2rem;text-align:center}.friends-icon{font-size:3.1rem;color:#5d9fff}.friends-cta h2{margin:.4rem 0 .7rem;font-family:Sora,sans-serif;font-size:clamp(1.8rem,3.2vw,2.8rem)}.friends-cta p{margin:0 auto 1.5rem;max-width:980px;color:#bcc9df;font-size:clamp(1rem,1.5vw,1.32rem);line-height:1.45}.friends-cta .primary-btn{min-width:360px;font-size:1.1rem;padding:.85rem 1.2rem}.grid4{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{padding:1.2rem}.form{display:grid;gap:.8rem}.form.row,.row{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}label{display:grid;gap:.3rem;font-size:.95rem;color:var(--muted)}input{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:10px;padding:.6rem .75rem}button{font-family:inherit;cursor:pointer;border:0;border-radius:10px;padding:.66rem .95rem;color:#04131f;font-weight:700}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;padding:.66rem .95rem;border-radius:10px;font-weight:700}.primary-btn{background:linear-gradient(90deg,var(--accent),#5ae7c6);color:#05231b}.secondary-btn{background:linear-gradient(90deg,var(--accent-2),#ffc062);color:#3b2004}.danger-btn{background:var(--danger);color:#fff}.ghost-btn{background:#ffffff1f;color:var(--text);border:1px solid rgba(255,255,255,.2)}.board{width:100%;border-collapse:collapse}.board th,.board td{padding:.55rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.14)}.note{color:#cfe4f2}.warning{color:#ffe49d;font-weight:600}.motivation{color:#a8ffd9;font-weight:600}.quiz-card h3{font-family:Sora,sans-serif;font-size:1.4rem;margin:1rem 0}.timer-track{width:100%;height:10px;border-radius:999px;background:#ffffff29;overflow:hidden}.timer-fill{height:100%;transition:width 1s linear,background .3s ease}.timer-fill.safe{background:#1fda7a}.timer-fill.warn{background:#f9c542}.timer-fill.critical{background:#ff5656}.timer-text{margin:.5rem 0;font-weight:700}.options{display:grid;gap:.8rem}.option{text-align:left;padding:.85rem;background:#ffffff1a;color:var(--text);border:1px solid rgba(255,255,255,.2)}.option.correct{border-color:#1fda7a;background:#1fda7a40}.option.wrong{border-color:#ff5656;background:#ff565638}.result-theme.master .card{box-shadow:0 0 0 1px #ffffff59,0 0 48px #ffd97340}.result-theme.advanced .card{box-shadow:0 0 42px #6dc5ff40}.result-theme.intermediate .card{box-shadow:0 0 42px #52ffc233}.result-theme.beginner .card{box-shadow:0 0 42px #ffb35f33}.result-theme.novice .card{box-shadow:0 0 42px #ff5f5f26}.score{font-size:3rem;margin:.4rem 0;font-family:Sora,sans-serif}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:720px){.top-nav{flex-direction:column;gap:.8rem;align-items:flex-start}.top-nav nav{flex-wrap:wrap}.brand{font-size:1.3rem}.brand-mark{font-size:1.5rem}.top-nav nav a{font-size:1rem}.nav-login-btn{padding:.45rem .8rem;border-radius:10px}.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-visual{min-height:300px}.landing-copy h1{font-size:clamp(2.5rem,12vw,3.4rem);letter-spacing:-1px}.landing-actions .primary-btn,.leaderboard-btn{font-size:1rem;min-width:auto}.landing-section{margin-top:1.6rem}.how-grid,.skill-grid{grid-template-columns:1fr}.friends-cta{border-radius:22px;padding:2.2rem 1rem}.friends-cta .primary-btn{min-width:100%}.landing-space{min-height:22vh}.landing-footer{font-size:.66rem;gap:.7rem;flex-direction:column;align-items:flex-start}}.star-row{display:flex;gap:.35rem}.star-btn{background:transparent;color:#7f8da8;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:40px;height:40px;font-size:1.25rem;line-height:1}.star-btn.active{color:#ffb547;border-color:#ffb54780;background:#ffb54724}.gear-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;font-size:1.15rem!important}.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030818bf;display:grid;place-items:center;z-index:2000}.quiz-modal{width:min(520px,calc(100% - 2rem));background:#18244cf2;border:1px solid rgba(130,160,230,.3);border-radius:14px;padding:1rem 1.1rem}.quiz-modal h3{margin:0 0 .45rem;font-size:1.1rem;font-family:Sora,sans-serif}.quiz-modal p{margin:.2rem 0;color:#d7e5ff}html,body{overflow-x:hidden}.ace-landing-shell{position:relative;width:min(1240px,96%);margin:0 auto;gap:2.2rem;padding-top:0;padding-bottom:2rem}.ace-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ace-landing-shell>*{position:relative;z-index:1}.ace-hero{position:relative;min-height:auto;display:grid;place-items:center;overflow:hidden;padding-top:0;padding-bottom:.5rem}.ace-hero-inner{width:min(900px,100%);margin:0 auto;text-align:center}.ace-badge{display:inline-flex;align-items:center;border:1px solid rgba(90,147,255,.35);border-radius:999px;background:#2954b024;color:#73b3ff;padding:.45rem .9rem;font-size:.82rem;font-weight:700}.ace-hero h1{margin:.6rem auto;font-family:Sora,sans-serif;font-size:clamp(2.2rem,5.2vw,4.9rem);line-height:1.03;letter-spacing:-1.6px;max-width:900px}.ace-hero p{margin:0 auto;max-width:620px;color:#9fb5d8;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.5}.ace-stats{margin-top:.9rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.ace-stats span{padding:.34rem .68rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#c9d8f1;font-size:.82rem}.ace-actions{margin-top:1rem;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.ace-actions .primary-btn,.ace-actions .leaderboard-btn{min-width:215px}.ace-orb-a{width:440px;height:440px;top:10%;left:18%;background:#306dff}.ace-orb-b{width:360px;height:360px;right:16%;top:6%;background:#8a62ff}.ace-section{width:100%;display:grid;gap:1rem}.ace-section h2{margin:0;text-align:center;font-size:clamp(2rem,3.5vw,3rem);font-family:Sora,sans-serif}.ace-subtitle{margin:-.25rem 0 0;text-align:center;color:#9db2d3}.ace-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.15rem}.ace-card{border:1px solid rgba(115,143,204,.33);background:#0b163899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;padding:1.4rem}.ace-card-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#3874ff24;color:#68a8ff;font-weight:700;margin-bottom:.8rem}.ace-card h3{margin:0 0 .5rem;font-family:Sora,sans-serif;font-size:1.28rem}.ace-card p{margin:0;color:#a1b5d7;line-height:1.45;font-size:.98rem}.ace-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem}.ace-level{border-radius:18px;border:1px solid rgba(115,143,204,.33);background:#081432a3;padding:1rem;display:grid;gap:.35rem}.ace-level strong{font-size:.98rem;font-family:Sora,sans-serif}.ace-level span{display:inline-flex;width:fit-content;font-size:.8rem;border-radius:999px;padding:.2rem .55rem}.ace-leaderboard-wrap{border:1px solid rgba(115,143,204,.33);background:#081432a3;border-radius:22px;overflow:hidden}.ace-leaderboard-table td,.ace-leaderboard-table th{font-size:.88rem}.ace-cta{width:100%;border:1px solid rgba(110,136,201,.35);background:#252c6dad;border-radius:30px;padding:2.6rem 1.3rem;text-align:center}.ace-cta h2{margin:0;font-family:Sora,sans-serif;font-size:clamp(1.95rem,3.4vw,2.8rem)}.ace-cta p{margin:.65rem auto 1.25rem;max-width:760px;color:#becce3}.landing-footer{margin-top:-1rem}@media(max-width:980px){.ace-landing-shell{gap:1.8rem}}@media(max-width:720px){.ace-landing-shell{width:min(1240px,94%);gap:1.35rem}.ace-hero h1{font-size:clamp(1.95rem,10.1vw,3rem);letter-spacing:-1px}.ace-actions .primary-btn,.ace-actions .leaderboard-btn{min-width:100%}.ace-leaderboard-table{display:block;overflow-x:auto}}.ace-landing-shell{gap:2.2rem;padding-top:1.4rem;padding-bottom:2rem}.ace-hero{position:relative;min-height:calc(100vh - 200px);display:grid;place-items:center;overflow:hidden}.ace-hero-inner{position:relative;z-index:2;width:min(900px,96%);text-align:center}.ace-badge{display:inline-flex;align-items:center;border:1px solid rgba(90,147,255,.35);border-radius:999px;background:#2954b024;color:#73b3ff;padding:.5rem .95rem;font-size:.85rem;font-weight:700}.ace-hero h1{margin:1rem auto .7rem;font-family:Sora,sans-serif;font-size:clamp(2.2rem,5.2vw,4.8rem);line-height:1.07;letter-spacing:-1.4px;max-width:900px}.ace-hero h1 span{background:linear-gradient(110deg,#4da2ff,#6c89ff 48%,#a883ff);-webkit-background-clip:text;background-clip:text;color:transparent}.ace-hero p{margin:0 auto;max-width:600px;color:#9fb5d8;font-size:clamp(1rem,1.6vw,1.2rem)}.ace-stats{margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.ace-stats span{padding:.38rem .7rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#c9d8f1;font-size:.82rem}.ace-actions{margin-top:1.4rem;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.ace-actions .primary-btn,.ace-actions .leaderboard-btn{min-width:200px}.ace-orb{position:absolute;border-radius:999px;filter:blur(60px);opacity:.22;pointer-events:none}.ace-orb-a{width:440px;height:440px;top:18%;left:15%;background:#306dff}.ace-orb-b{width:360px;height:360px;right:17%;bottom:14%;background:#8a62ff}.ace-section{display:grid;gap:1rem}.ace-section h2{margin:0;text-align:center;font-size:clamp(1.8rem,3.2vw,2.7rem);font-family:Sora,sans-serif}.ace-subtitle{margin:-.3rem 0 0;text-align:center;color:#9db2d3}.ace-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ace-card{border:1px solid rgba(115,143,204,.33);background:#0b163899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:1.3rem}.ace-card-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#3874ff24;color:#68a8ff;font-weight:700;margin-bottom:.8rem}.ace-card h3{margin:0 0 .4rem;font-family:Sora,sans-serif;font-size:1.2rem}.ace-card p{margin:0;color:#a1b5d7;line-height:1.5}.ace-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.ace-level{border-radius:16px;border:1px solid rgba(115,143,204,.33);background:#081432a3;padding:.95rem;display:grid;gap:.3rem}.ace-level strong{font-size:.95rem;font-family:Sora,sans-serif}.ace-level span{display:inline-flex;width:fit-content;font-size:.82rem;border-radius:999px;padding:.2rem .55rem}.ace-novice span{color:#9eb3d6;border:1px solid rgba(170,190,224,.4)}.ace-beginner span{color:#2ddfbe;border:1px solid rgba(45,223,190,.45)}.ace-intermediate span{color:#6aaeff;border:1px solid rgba(106,174,255,.45)}.ace-advanced span{color:#b09bff;border:1px solid rgba(176,155,255,.45)}.ace-master span{color:#ffd257;border:1px solid rgba(255,210,87,.45)}.ace-leaderboard-wrap{border:1px solid rgba(115,143,204,.33);background:#081432a3;border-radius:20px;overflow:hidden}.ace-leaderboard-table td,.ace-leaderboard-table th{font-size:.9rem}.ace-cta{margin-top:.5rem;border:1px solid rgba(110,136,201,.35);background:#252c6dad;border-radius:28px;padding:2.4rem 1.2rem;text-align:center}.ace-cta h2{margin:0;font-family:Sora,sans-serif;font-size:clamp(1.7rem,2.9vw,2.4rem)}.ace-cta p{margin:.65rem auto 1.2rem;max-width:760px;color:#becce3}@media(max-width:980px){.ace-card-grid{grid-template-columns:1fr}.ace-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.ace-hero{min-height:auto;padding-top:1.6rem}.ace-hero h1{font-size:clamp(1.9rem,10vw,2.8rem);letter-spacing:-.9px}.ace-actions .primary-btn,.ace-actions .leaderboard-btn{min-width:100%}.ace-level-grid{grid-template-columns:1fr}.ace-leaderboard-table{display:block;overflow-x:auto}}