@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Quicksand:wght@500;700&display=swap";:root{--font-display:"Outfit", sans-serif;--font-body:"Quicksand", sans-serif;--bg-space:#0b0720;--bg-surface:#140d30a6;--border-glow:#00e3fd40;--color-primary:#7c4dff;--color-secondary:#00e3fd;--color-tertiary:#eac400;--text-primary:#fff;--text-secondary:#cac3d8;--text-muted:#8b8599;--glass-bg:#1d163973;--glass-border:#ffffff14;--shadow-neon:0 0 30px #7c4dff40;--shadow-secondary:0 0 35px #00e3fd33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-body);min-width:320px;position:relative;overflow-x:hidden}.space-bg{z-index:0;pointer-events:none;background-image:radial-gradient(circle at 15% 15%,#7c4dff26 0%,#0000 40%),radial-gradient(circle at 85% 85%,#00e3fd1f 0%,#0000 40%),radial-gradient(1.5px 1.5px at 40px 60px,#fff,#0000),radial-gradient(2px 2px at 200px 150px,#bdf4ff,#0000),radial-gradient(1px 1px at 100px 300px,#fffc,#0000),radial-gradient(2.5px 2.5px at 380px 220px,#cdbdff,#0000),radial-gradient(2px 2px at 480px 400px,#fff,#0000);background-repeat:no-repeat,no-repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%,100% 100%,400px 400px,500px 500px,300px 300px,600px 600px,550px 550px;position:fixed;inset:0}.landing-container{z-index:1;width:100%;margin:0 auto;padding:0 6%;position:relative}.landing-header{border-bottom:1px solid var(--glass-border);z-index:100;justify-content:space-between;align-items:center;height:90px;transition:background .3s,box-shadow .3s,border-color .3s;display:flex;position:sticky;top:0}.landing-header.scrolled{-webkit-backdrop-filter:blur(20px);background:#0b0720e0;border-color:#ffffff1a;box-shadow:0 4px 30px #0006}.logo-block{align-items:center;gap:12px;min-width:0;display:flex}.logo-symbol{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;animation:4s ease-in-out infinite logoFloat;display:flex;transform:rotate(-15deg);box-shadow:0 0 20px #00e3fd73}@keyframes logoFloat{0%,to{transform:rotate(-15deg)translateY(0)}50%{transform:rotate(-10deg)translateY(-4px)}}.logo-text{font-family:var(--font-display);background:linear-gradient(90deg, #fff 40%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:28px;font-weight:800}.logo-text span{color:var(--color-secondary)}.nav-actions{align-items:center;gap:20px;min-width:0;display:flex}.lang-switcher-wrap{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;align-items:center;gap:8px;padding:4px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.lang-btn:hover{color:#fff}.lang-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 0 15px #7c4dff66}.btn-outline{border:1.5px solid var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;white-space:nowrap;background:#ffffff08;border-radius:9999px;justify-content:center;align-items:center;min-height:46px;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-outline:hover{background:#ffffff14;border-color:#fff3}.btn-solid{background:linear-gradient(135deg, var(--color-primary) 0%, #a67cff 50%, var(--color-secondary) 100%);color:#fff;box-shadow:var(--shadow-neon);text-align:center;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e3fd73}.btn-solid:active{transform:translateY(1px)}.hero-sec{align-items:center;min-height:calc(100vh - 90px);padding:80px 0;display:flex}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;width:100%;display:grid}.hero-badge{color:var(--color-secondary);letter-spacing:1.5px;background:#7c4dff1f;border:1px solid #7c4dff4d;border-radius:9999px;margin-bottom:24px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-display);margin-bottom:24px;font-size:clamp(40px,5.5vw,68px);font-weight:800;line-height:1.1}.hero-title span{background:linear-gradient(90deg, var(--color-secondary) 0%, #7c4dff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);margin-bottom:40px;font-size:clamp(15px,1.8vw,18px);line-height:1.6}.hero-actions{align-items:center;gap:16px;display:flex}.hero-illustration{justify-content:center;display:flex;position:relative}.platform-bar-sec{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.platform-bar{display:flex}.platform-item{text-align:center;border-right:1px solid var(--glass-border);flex:1;padding:36px 20px;transition:background .3s}.platform-item:last-child{border-right:none}.platform-item:hover{background:var(--glass-bg)}.platform-icon{filter:drop-shadow(0 0 12px #00e3fd66);margin-bottom:14px;font-size:40px}.platform-title{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:18px;font-weight:700}.platform-desc{color:var(--text-secondary);font-size:14px}.solar-system{justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.orbit-ring{border:1px dashed #ffffff1a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:110px;height:110px}.ring-2{width:170px;height:170px}.ring-3{width:230px;height:230px}.ring-4{width:290px;height:290px}.solar-sun{z-index:2;background:radial-gradient(circle at 35% 30%,#ffe066,#ff8c00);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;animation:3s ease-in-out infinite sunPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ffc83280}@keyframes sunPulse{0%,to{box-shadow:0 0 30px #ffc83280}50%{box-shadow:0 0 55px #ffc832cc}}.solar-planet{color:#fff;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;transition:box-shadow .2s;display:flex;position:absolute;top:50%;left:50%}@keyframes orbit1{0%{transform:translate(-50%,-50%)rotate(0)translate(55px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(55px)rotate(-360deg)}}@keyframes orbit2{0%{transform:translate(-50%,-50%)rotate(60deg)translate(85px)rotate(-60deg)}to{transform:translate(-50%,-50%)rotate(420deg)translate(85px)rotate(-420deg)}}@keyframes orbit3{0%{transform:translate(-50%,-50%)rotate(150deg)translate(115px)rotate(-150deg)}to{transform:translate(-50%,-50%)rotate(510deg)translate(115px)rotate(-510deg)}}@keyframes orbit4{0%{transform:translate(-50%,-50%)rotate(270deg)translate(145px)rotate(-270deg)}to{transform:translate(-50%,-50%)rotate(630deg)translate(145px)rotate(-630deg)}}.planet-1{background:radial-gradient(circle at 35% 30%,#6ee7f7,#0b4a6e);animation:8s linear infinite orbit1;box-shadow:0 0 12px #00e3fd99}.planet-2{background:radial-gradient(circle at 35% 30%,#b89dff,#3d1a8c);width:34px;height:34px;animation:13s linear infinite orbit2;box-shadow:0 0 12px #7c4dff99}.planet-3{background:radial-gradient(circle at 35% 30%,#ffd060,#8c5a00);animation:20s linear infinite orbit3;box-shadow:0 0 12px #eac40099}.planet-4{background:radial-gradient(circle at 35% 30%,#ff8a7a,#6e1a10);width:36px;height:36px;animation:28s linear infinite orbit4;box-shadow:0 0 12px #ff525280}.features-sec{border-top:1px solid var(--glass-border);padding:100px 0}.section-head{text-align:center;max-width:650px;margin:0 auto 60px}.sec-kicker{color:var(--color-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.sec-title{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(32px,4vw,44px);font-weight:800}.sec-desc{color:var(--text-secondary);font-size:16px;line-height:1.5}.feat-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feat-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:40px 30px;transition:all .3s;position:relative;overflow:hidden}.feat-card:after{content:"";background:linear-gradient(135deg, transparent 40%, var(--border-glow) 100%);-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feat-card:hover{box-shadow:var(--shadow-secondary);border-color:#00e3fd33;transform:translateY(-5px)}.feat-icon{width:60px;height:60px;color:var(--color-secondary);background:#7c4dff1f;border:1px solid #7c4dff33;border-radius:18px;place-items:center;margin-bottom:24px;font-size:32px;display:grid;box-shadow:0 8px 20px #0000004d}.feat-card h3{font-family:var(--font-display);color:#fff;margin-bottom:14px;font-size:22px;font-weight:700}.feat-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.how-sec{border-top:1px solid var(--glass-border);padding:100px 0}.steps-grid{align-items:center;max-width:900px;margin-inline:auto;display:flex}.step-card{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;flex:1;padding:40px 24px;transition:transform .3s,box-shadow .3s}.step-card:hover{box-shadow:var(--shadow-neon);transform:translateY(-5px)}.step-num{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 16px;font-size:18px;font-weight:800;display:flex;box-shadow:0 0 20px #7c4dff66}.step-icon{margin-bottom:16px;font-size:40px}.step-card h3{font-family:var(--font-display);color:#fff;margin-bottom:10px;font-size:20px;font-weight:700}.step-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.step-arrow{color:#00e3fd66;flex-shrink:0;padding:0 20px;font-size:28px}.grades-sec{border-top:1px solid var(--glass-border);padding:100px 0}.grades-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grade-box{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d163973;border:1.5px solid #ffffff14;border-radius:24px;padding:30px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.grade-box:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-secondary);transform:translateY(-8px)scale(1.02)}.grade-num-badge{background:var(--color-primary);width:28px;height:28px;box-shadow:0 0 10px var(--color-primary);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:16px;right:16px}.grade-box:nth-child(2n) .grade-num-badge{background:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary)}.grade-box:nth-child(3) .grade-num-badge{background:var(--color-tertiary);box-shadow:0 0 10px var(--color-tertiary)}.grade-box:nth-child(4) .grade-num-badge{background:#ff5252;box-shadow:0 0 10px #ff5252}.grade-planet-wrap{border:1.5px dashed #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;display:flex;position:relative}.grade-planet{filter:drop-shadow(0 0 15px #00e3fd80);font-size:48px}.grade-box h3{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:24px;font-weight:800}.grade-box h4{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:700}.grade-box p{color:var(--text-secondary);font-size:14px;line-height:1.5}.cta-banner-sec{padding:80px 0 100px}.cta-banner{border:1.5px solid var(--glass-border);text-align:center;box-shadow:var(--shadow-neon);background:linear-gradient(135deg,#7c4dff40 0%,#00e3fd26 100%);border-radius:36px;padding:60px 40px;position:relative;overflow:hidden}.cta-banner:before{content:"";z-index:0;background:radial-gradient(circle,#7c4dff33 0%,#0000 60%);position:absolute;inset:0}.cta-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-content h2{font-family:var(--font-display);margin-bottom:18px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.2}.cta-content p{color:var(--text-secondary);margin-bottom:36px;font-size:17px;line-height:1.5}.landing-footer{border-top:1px solid var(--glass-border);text-align:center;z-index:10;padding:40px 0;position:relative}.footer-copy{color:var(--text-muted);font-size:14px}.fade-in-section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in-section.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.fade-in-section{opacity:1;transition:none;transform:none}.solar-planet,.solar-sun{animation:none}}@media (width<=991px){.landing-container{padding-inline:20px}.landing-header{gap:18px}.nav-actions{gap:12px}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-badge{margin-inline:auto}.hero-actions{justify-content:center}.hero-illustration{order:-1}.feat-grid{grid-template-columns:1fr;gap:20px}.grades-grid{grid-template-columns:1fr 1fr;gap:20px}.steps-grid{flex-direction:column;align-items:stretch;gap:16px}.step-arrow{text-align:center;padding:4px 0;transform:rotate(90deg)}}@media (width<=768px){.landing-container{padding-inline:16px}.landing-header{flex-wrap:wrap;row-gap:12px;height:auto;min-height:74px;padding:14px 0}.logo-symbol{border-radius:10px;width:38px;height:38px;font-size:22px}.logo-text{font-size:23px}.nav-actions{flex-wrap:wrap;flex:auto;justify-content:flex-end}.nav-actions>.btn-outline{display:none}.nav-actions>.btn-solid{padding-inline:18px}.lang-switcher-wrap{flex:0 0 100%;order:3;justify-content:center;max-width:max-content;margin-left:auto}.lang-btn{width:34px;height:34px;font-size:12px}.hero-sec{min-height:auto;padding:34px 0 54px}.hero-grid{gap:28px}.hero-title{margin-bottom:18px;font-size:clamp(34px,11vw,48px);line-height:1.04}.hero-desc{margin-bottom:28px}.features-sec,.how-sec,.grades-sec{padding:72px 0}.section-head{margin-bottom:36px}.sec-title{font-size:clamp(28px,9vw,36px);line-height:1.12}.sec-desc{font-size:15px}.feat-card,.step-card,.grade-box{padding:28px 22px}.cta-banner-sec{padding:54px 0 72px}}@media (width<=600px){.landing-header{justify-content:center;align-items:center}.logo-block,.nav-actions{flex:100%;justify-content:center}.nav-actions>.btn-solid{white-space:normal;max-width:154px;min-height:40px;padding:8px 14px;font-size:12px;line-height:1.15}.lang-switcher-wrap{flex:none;order:0;width:auto;max-width:none;margin-left:0}.lang-btn{flex:0 0 34px;max-width:34px}.hero-title{overflow-wrap:break-word;max-width:12ch;margin-inline:auto;font-size:clamp(30px,8vw,40px)}.hero-desc{max-width:36ch;margin-inline:auto}.hero-actions{flex-direction:column;width:100%;max-width:340px;margin-inline:auto}.hero-actions a{text-align:center;justify-content:center;width:100%}.grades-grid{grid-template-columns:1fr}.cta-banner{padding:40px 20px}.platform-bar{flex-direction:column}.platform-item{border-right:none;border-bottom:1px solid var(--glass-border);padding:24px 16px}.platform-item:last-child{border-bottom:none}.solar-system{width:240px;height:240px}.ring-1{width:82px;height:82px}.ring-2{width:128px;height:128px}.ring-3{width:173px;height:173px}.ring-4{width:218px;height:218px}.planet-1{animation:8s linear infinite orbit1-sm}.planet-2{animation:13s linear infinite orbit2-sm}.planet-3{animation:20s linear infinite orbit3-sm}.planet-4{animation:28s linear infinite orbit4-sm}@keyframes orbit1-sm{0%{transform:translate(-50%,-50%)rotate(0)translate(41px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(41px)rotate(-360deg)}}@keyframes orbit2-sm{0%{transform:translate(-50%,-50%)rotate(60deg)translate(64px)rotate(-60deg)}to{transform:translate(-50%,-50%)rotate(420deg)translate(64px)rotate(-420deg)}}@keyframes orbit3-sm{0%{transform:translate(-50%,-50%)rotate(150deg)translate(87px)rotate(-150deg)}to{transform:translate(-50%,-50%)rotate(510deg)translate(87px)rotate(-510deg)}}@keyframes orbit4-sm{0%{transform:translate(-50%,-50%)rotate(270deg)translate(109px)rotate(-270deg)}to{transform:translate(-50%,-50%)rotate(630deg)translate(109px)rotate(-630deg)}}}@media (width<=430px){.landing-container{padding-inline:14px}.landing-header{justify-content:center;padding-block:12px}.logo-block{flex:100%;justify-content:center;gap:9px}.logo-symbol{width:34px;height:34px;font-size:20px}.logo-text{font-size:20px}.nav-actions{flex:100%;justify-content:center;gap:8px}.nav-actions>.btn-solid{white-space:normal;max-width:168px;min-height:40px;padding:8px 14px;font-size:12px;line-height:1.15}.lang-switcher-wrap{flex:none;width:auto;max-width:none;margin-left:0}.lang-btn{flex:0 0 34px;max-width:34px}.hero-badge{white-space:normal;text-align:center;justify-content:center;max-width:100%;line-height:1.35}.hero-title{overflow-wrap:break-word;max-width:11ch;margin-inline:auto;font-size:clamp(29px,9.6vw,38px)}.hero-desc,.sec-desc,.feat-card p,.step-card p,.grade-box p,.cta-content p{line-height:1.55}.hero-actions .btn-solid,.hero-actions .btn-outline,.cta-banner .btn-solid{white-space:normal;min-height:48px;line-height:1.2}.solar-system{width:218px;height:218px}.ring-1{width:74px;height:74px}.ring-2{width:116px;height:116px}.ring-3{width:158px;height:158px}.ring-4{width:198px;height:198px}.solar-sun{width:46px;height:46px;font-size:24px}.planet-1{animation:8s linear infinite orbit1-xs}.planet-2{animation:13s linear infinite orbit2-xs}.planet-3{animation:20s linear infinite orbit3-xs}.planet-4{animation:28s linear infinite orbit4-xs}@keyframes orbit1-xs{0%{transform:translate(-50%,-50%)rotate(0)translate(37px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(37px)rotate(-360deg)}}@keyframes orbit2-xs{0%{transform:translate(-50%,-50%)rotate(60deg)translate(58px)rotate(-60deg)}to{transform:translate(-50%,-50%)rotate(420deg)translate(58px)rotate(-420deg)}}@keyframes orbit3-xs{0%{transform:translate(-50%,-50%)rotate(150deg)translate(79px)rotate(-150deg)}to{transform:translate(-50%,-50%)rotate(510deg)translate(79px)rotate(-510deg)}}@keyframes orbit4-xs{0%{transform:translate(-50%,-50%)rotate(270deg)translate(99px)rotate(-270deg)}to{transform:translate(-50%,-50%)rotate(630deg)translate(99px)rotate(-630deg)}}.platform-item{padding:22px 14px}.feat-card,.step-card,.grade-box{padding-inline:18px}.feat-card h3,.step-card h3{font-size:19px}.grade-box h3{font-size:22px}.cta-banner{border-radius:26px;padding:34px 18px}.landing-footer{padding:30px 0}}button.btn-solid{cursor:pointer;border:none;font-family:inherit}.play-modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#0b0720cc;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.play-modal-card{background:var(--bg-surface);border:1.5px solid var(--glass-border);width:100%;max-width:580px;box-shadow:var(--shadow-neon);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:28px;padding:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleUp;position:relative}.play-modal-card:after{content:"";background:linear-gradient(135deg, transparent 40%, var(--border-glow) 100%);-webkit-mask-composite:xor;pointer-events:none;border-radius:28px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.play-modal-close{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;z-index:10;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.play-modal-close:hover{color:#ff5252;background:#ff525233;border-color:#ff52524d}.play-modal-title{font-family:var(--font-display);text-align:center;background:linear-gradient(90deg, #fff 40%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:28px;font-weight:800}.play-modal-desc{color:var(--text-secondary);text-align:center;margin-bottom:32px;max-width:440px;margin-inline:auto;font-size:15px;line-height:1.5}.play-modal-options{grid-template-columns:1fr 1fr;gap:20px;display:grid}.play-option-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:24px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.1);display:flex;position:relative;overflow:hidden}.play-option-card:after{content:"";background:linear-gradient(135deg, transparent 50%, var(--border-glow) 100%);-webkit-mask-composite:xor;pointer-events:none;border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.play-option-card:hover{background:#1d1639a6;border-color:#00e3fd4d;transform:translateY(-4px);box-shadow:0 8px 25px #00e3fd26}.play-option-icon{filter:drop-shadow(0 0 10px #00e3fd4d);margin-bottom:16px;font-size:42px;transition:transform .3s}.play-option-card:hover .play-option-icon{transform:scale(1.1)rotate(5deg)}.play-option-info h4{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:18px;font-weight:700}.play-option-info p{color:var(--text-muted);font-size:13px;line-height:1.4}.play-option-arrow{color:var(--color-secondary);opacity:.5;margin-top:14px;font-size:18px;transition:all .2s}.play-option-card:hover .play-option-arrow{opacity:1;transform:translate(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=580px){.play-modal-card{border-radius:20px;padding:30px 20px}.play-modal-title{margin-top:10px;font-size:22px}.play-modal-desc{margin-bottom:24px;font-size:14px}.play-modal-options{grid-template-columns:1fr;gap:14px}.play-option-card{text-align:left;flex-direction:row;align-items:center;gap:16px;padding:20px}.play-option-icon{margin-bottom:0;font-size:32px}.play-option-arrow{margin-top:0;margin-left:auto}}.combined-hero{z-index:10;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex;position:relative}.hero-img-wrap{z-index:2;flex:1;max-width:400px;animation:6s ease-in-out infinite float;position:relative}.hero-astronaut-img{filter:drop-shadow(0 0 30px #6e3cff66);width:100%;height:auto}.features-layout,.how-layout{justify-content:space-between;align-items:center;gap:6%;display:flex}.features-text-content,.how-text-content{flex:1}.features-img-content,.how-img-content{flex:1;justify-content:center;max-width:48%;display:flex}.features-side-img,.how-side-img{object-fit:contain;border-radius:24px;width:100%;max-width:600px;height:auto;box-shadow:0 25px 50px #0009,0 0 40px #8a2be240}.floating-animation{animation:6s ease-in-out infinite float}.floating-animation-delay{animation:6s ease-in-out 3s infinite float}.align-left{text-align:left}.align-left .sec-title{margin-left:0}.align-left .sec-kicker{justify-content:flex-start}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (width<=1024px){.features-layout,.how-layout{gap:2rem}.combined-hero{flex-direction:column-reverse}}@media (width<=768px){.features-layout,.how-layout{flex-direction:column}.features-img-content,.how-img-content{order:-1;max-width:80%;margin-bottom:2rem}.align-left{text-align:center}.align-left .sec-kicker{justify-content:center}}