*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{color:#fff;background:#030a38;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}.landing-page{isolation:isolate;min-height:100vh;padding:34px 45px 0;position:relative;overflow:hidden}.space-bg{z-index:-10;background:radial-gradient(circle at 50% 15%,#18318e 0%,#0b1c70 28%,#06135b 55%,#020a36 100%);position:absolute;inset:0;overflow:hidden}.nebula{filter:blur(25px);opacity:.42;border-radius:50%;width:650px;height:180px;position:absolute;transform:rotate(-24deg)}.nebula-one{background:linear-gradient(90deg,#6d2cff,#2b72ff,#0000);top:-50px;left:-170px}.nebula-two{background:linear-gradient(90deg,#0000,#7430ff,#146eff);top:420px;right:-260px;transform:rotate(25deg)}.nebula-three{background:linear-gradient(90deg,#3b35ff,#8c2cff,#0000);bottom:90px;left:-260px;transform:rotate(18deg)}.stars{opacity:.7;background-image:radial-gradient(circle,#fffc 1px,#0000 2px);background-size:95px 95px;position:absolute;inset:0}.stars-one{transform:translate(20px,10px)}.stars-two{opacity:.3;background-size:145px 145px;transform:translate(50px,35px)}.hero{z-index:5;text-align:center;max-width:1200px;margin:115px auto 0;position:relative}.hero h1{letter-spacing:1px;color:#fff;text-shadow:0 6px #00000040,0 12px 30px #00000059;font-size:clamp(46px,6vw,82px);font-weight:950;line-height:1}.hero h1 span{color:#ffd337;text-shadow:0 5px #bd790c,0 0 25px #ffd23047}.hero-divider{align-items:center;gap:14px;width:min(430px,65%);margin:18px auto 9px;display:flex}.hero-divider span{background:linear-gradient(90deg,#0000,#ffd337d9);flex:1;height:2px}.hero-divider span:last-child{background:linear-gradient(90deg,#ffd337d9,#0000)}.hero-divider b{color:#ffd337;text-shadow:0 0 12px #ffd337b3;font-size:22px}.tagline{letter-spacing:.5px;justify-content:center;align-items:center;gap:14px;font-size:clamp(22px,3vw,32px);font-weight:800;display:flex}.tagline .learn{color:#36c4ff}.tagline .play{color:#ffd337}.tagline .improve{color:#63e695}.tagline b{color:#fff;opacity:.7}.user-options{z-index:6;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;max-width:1000px;margin:28px auto 42px;display:grid;position:relative}.user-card{text-align:center;border-radius:27px;flex-direction:column;align-items:center;min-height:390px;padding:28px 38px 34px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.user-card:before{content:"";opacity:.5;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffffb3,#0000 52%);position:absolute;inset:0}.user-card:hover{transform:translateY(-7px)}.register-card{background:linear-gradient(145deg,#fffef6,#fff1bf);border:3px solid #f7c52d;box-shadow:0 20px 55px #ffbe1e29}.register-card:hover{box-shadow:0 28px 65px #ffbe1e45}.login-card{background:linear-gradient(145deg,#f5fbff,#dceeff);border:3px solid #4a9cff;box-shadow:0 20px 55px #338fff2b}.login-card:hover{box-shadow:0 28px 65px #338fff45}.user-icon{justify-content:center;align-items:center;width:94px;height:94px;margin-bottom:16px;display:flex;position:relative}.user-icon svg{filter:drop-shadow(0 7px 10px #0000002e);width:100%;height:100%}.user-card h2{z-index:2;color:#101d63;letter-spacing:.3px;font-size:30px;font-weight:950;position:relative}.card-divider{align-items:center;gap:12px;width:78%;max-width:300px;margin:14px 0 18px;display:flex;position:relative}.card-divider span{background:#2067da40;flex:1;height:2px}.card-divider b{color:#f4b71e;font-size:17px}.user-card p{z-index:2;color:#27366f;max-width:390px;min-height:54px;margin-bottom:24px;font-size:17px;line-height:1.45;position:relative}.action-button{z-index:3;cursor:pointer;border:none;border-radius:19px;width:82%;max-width:340px;min-height:64px;font-size:25px;font-weight:900;transition:transform .2s,box-shadow .2s;position:relative}.action-button span{vertical-align:-2px;margin-left:13px;font-size:32px}.action-button:hover{transform:translateY(-3px)}.action-button:active{transform:translateY(0)}.register-button{color:#172056;background:linear-gradient(135deg,#ffd943,#f6a916);box-shadow:0 10px 20px #eca51352}.login-button{color:#fff;background:linear-gradient(135deg,#3e91ff,#1f64e6);box-shadow:0 10px 20px #1c65e14d}.benefits{z-index:6;grid-template-columns:repeat(3,1fr);gap:0;max-width:1000px;margin:0 auto 35px;display:grid;position:relative}.benefit{border-right:1px solid #ffffff2e;align-items:center;gap:15px;min-height:90px;padding:8px 22px;display:flex}.benefit:last-child{border-right:none}.benefit-icon{background:#b56cff1a;border:2px solid #b56cff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:30px;display:flex;box-shadow:0 0 22px #b56cff29}.fun-icon{background:#3ee77b17;border-color:#3ee77b;box-shadow:0 0 22px #3ee77b24}.progress-icon{background:#ff62b717;border-color:#ff62b7;box-shadow:0 0 22px #ff62b724}.benefit h3{margin-bottom:5px;font-size:17px;font-weight:900}.benefit p{color:#ffffffb8;font-size:13px;line-height:1.4}.footer{z-index:8;color:#4021a4;clip-path:ellipse(75% 100% at 50% 100%);background:#fff;justify-content:center;align-items:center;gap:30px;min-height:100px;margin:30px -45px 0;padding:30px 25px 26px;display:flex;position:relative}.footer p{text-align:center;font-size:20px;font-weight:900}.footer span{color:#bd70ff;font-size:25px}.illustration{z-index:2;pointer-events:none;user-select:none;animation:5s ease-in-out infinite floatingIllustration;position:absolute}.illustration svg{width:100%;height:100%}.bulb{opacity:.9;width:85px;height:105px;top:55px;left:35px}.hero-book{width:145px;height:96px;top:24px;left:50%;transform:translate(-50%)}.atom{opacity:.82;width:125px;height:102px;top:30px;right:205px}.cap{width:140px;height:110px;animation-delay:-1.5s;top:42px;right:28px}.planet{width:135px;height:105px;animation-delay:-2s;top:240px;left:25px}.flask{width:92px;height:115px;animation-delay:-3s;top:425px;left:38px}.globe{width:125px;height:135px;animation-delay:-1s;top:400px;right:30px}.trophy{width:150px;height:150px;animation-delay:-2.5s;bottom:155px;right:8px}.books{width:180px;height:140px;animation-delay:-1.5s;bottom:125px;left:5px}.spark{z-index:2;color:#ffd43b;pointer-events:none;text-shadow:0 0 10px #ffd337d9;font-size:17px;animation:3s ease-in-out infinite sparkle;position:absolute}.spark-1{top:110px;left:185px}.spark-2{animation-delay:-.5s;top:150px;right:350px}.spark-3{animation-delay:-1s;top:285px;left:180px}.spark-4{animation-delay:-1.5s;top:330px;right:185px}.spark-5{animation-delay:-2s;top:440px;left:190px}.spark-6{animation-delay:-2.5s;top:490px;right:190px}.spark-7{animation-delay:-1.3s;bottom:260px;left:250px}.spark-8{animation-delay:-.8s;bottom:270px;right:270px}.spark-9{animation-delay:-1.8s;top:75px;right:520px}@keyframes floatingIllustration{0%,to{margin-top:0}50%{margin-top:-9px}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (width<=1100px){.landing-page{padding:30px 25px 0}.hero{margin-top:100px}.cap{right:5px}.atom{right:145px}.planet{left:0}.globe{right:0}.books{left:-25px}.trophy{right:-20px}}@media (width<=800px){.hero{margin-top:105px}.user-options{gap:22px}.user-card{padding:25px 20px 30px}.benefit{gap:10px;padding:8px 12px}.benefit-icon{width:54px;height:54px;font-size:25px}.bulb{width:65px;height:80px;left:5px}.cap{width:105px;height:82px;right:0}.atom{width:90px;height:74px;right:110px}.planet{width:95px;height:75px;left:-10px}.flask{width:70px;height:90px;left:5px}.globe{width:90px;height:98px;right:-5px}.books{width:130px;height:100px;left:-15px}.trophy{width:110px;height:110px;bottom:140px;right:-15px}}@media (width<=650px){.landing-page{padding:22px 15px 0}.hero{margin-top:90px}.hero h1{font-size:38px}.tagline{gap:8px;font-size:20px}.user-options{grid-template-columns:1fr;max-width:480px;margin-top:25px}.user-card{min-height:350px}.benefits{grid-template-columns:1fr;max-width:480px}.benefit{border-bottom:1px solid #ffffff26;border-right:none;padding:14px 5px}.benefit:last-child{border-bottom:none}.footer{margin:25px -15px 0}.footer p{font-size:16px}.bulb{opacity:.65;width:48px;height:60px;top:35px;left:0}.cap{opacity:.7;width:72px;height:58px;top:28px;right:0}.atom{opacity:.45;width:60px;height:50px;top:75px;right:75px}.planet{opacity:.5;width:70px;height:54px;top:320px;left:-25px}.flask{opacity:.45;width:55px;height:70px;top:720px;left:-5px}.globe{opacity:.5;width:62px;height:70px;top:720px;right:-5px}.books{opacity:.55;width:95px;height:74px;bottom:260px;left:-20px}.trophy{opacity:.6;width:80px;height:80px;bottom:250px;right:-15px}.hero-book{width:95px;height:64px;top:22px}.spark{opacity:.45}}@media (width<=420px){.hero{margin-top:82px}.hero h1{font-size:31px}.tagline{font-size:18px}.user-card h2{font-size:25px}.user-card p{font-size:15px}.action-button{width:100%;font-size:21px}.footer p{font-size:14px}}.footer-text{text-align:center;width:100%;margin:24px auto;font-size:14px;line-height:1.5}@media (width<=768px){.footer-text{margin:20px auto;font-size:13px}}@media (width<=480px){.footer-text{margin:16px auto;font-size:12px;line-height:1.4}}