*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#111319;font-family:Segoe UI,PingFang SC,sans-serif}.home-page{color:#f2f5ff;background:radial-gradient(1200px 720px at 12% 12%,#634aff52,#0000 62%),radial-gradient(950px 620px at 88% 18%,#00aeff38,#0000 62%),radial-gradient(800px 500px at 55% 82%,#3a6eff24,#0000 70%),#0a0f1c;min-height:100vh}.hero-section{place-items:center;min-height:100vh;padding:72px 24px;display:grid}.hero-content{text-align:center;width:min(960px,92vw)}.hero-logo{color:#101422;background:#eef2ff;border-radius:3px;margin-bottom:24px;padding:10px 20px;display:inline-block;transform:rotate(-1.3deg);box-shadow:0 16px 36px #00000047}.hero-logo-text{letter-spacing:-.04em;font-size:clamp(26px,3.3vw,44px);font-weight:800;display:block}.hero-title{letter-spacing:-1.2px;color:#f8f9ff;text-shadow:0 5px 18px #00000042;margin:0;font-size:clamp(38px,7vw,76px);line-height:1.05}.hero-subtitle{color:#d6ddf3;max-width:860px;margin:24px auto 0;font-size:clamp(16px,2.2vw,22px);font-weight:600;line-height:1.7}.hero-subline{color:#b8c3e6;margin-top:10px;font-size:clamp(15px,1.8vw,20px);line-height:1.7}.keyword-slot{color:#fff;justify-content:center;align-items:center;min-width:180px;margin-left:10px;padding:0 10px;display:inline-flex;position:relative}.keyword-text{z-index:1;transition:opacity .12s;position:relative}.keyword-cloth{transform-origin:0;opacity:1;z-index:3;background:linear-gradient(#f8f9fc 0%,#eef1f7 100%);border-radius:6px 18px 8px 20px;width:calc(100% + 8px);height:96%;transition:none;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(-.9deg)skew(-5deg)scaleX(0);box-shadow:0 5px 12px #0000002e,inset 0 1px #ffffffbf}.keyword-slot.is-covering .keyword-cloth{transition:transform .23s;transform:translateY(-50%)rotate(-.9deg)skew(-5deg)scaleX(1)}.keyword-slot.is-covering .keyword-text{opacity:0}.keyword-cloth:before,.keyword-cloth:after{content:"";background:#f1f3f8;position:absolute}.keyword-cloth:before{border-radius:3px 16px 12px 6px;width:14px;height:80%;top:8%;right:-7px;transform:rotate(2.5deg)}.keyword-cloth:after{border-radius:12px 4px 9px 7px;width:16px;height:48%;bottom:-2px;left:-2px;transform:rotate(-4deg)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:38px;display:flex}.hero-primary,.hero-secondary{cursor:pointer;border:none;border-radius:999px;height:52px;padding:0 26px;font-size:16px;font-weight:700}.hero-primary{color:#fff;background:linear-gradient(90deg,#4f7cff,#7f56ff)}.hero-secondary{color:#d9def0;background:#ffffff14;border:1px solid #ffffff29}.hero-tip{color:#a3aed1;margin-top:24px;font-size:14px}.feature-section{place-items:center;min-height:100vh;padding:72px 24px;display:grid}.feature-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(1200px,94vw);margin-bottom:16px;display:flex}.story-scene{background:linear-gradient(160deg,#ffffff14,#ffffff0a);border:1px solid #ffffff29;border-radius:16px;width:min(72vw,760px);min-height:124px;padding:12px 14px;position:relative;overflow:hidden}.swing-zone{width:170px;height:92px;position:absolute;top:8px;left:14px}.swing-unit{transform-origin:50% 0;width:44px;height:54px;position:absolute;top:0}.swing-a{left:10px}.swing-b{left:56px}.swing-rope{background:#f0f5ffd9;width:2px;height:46px;position:absolute;top:0}.rope-left{left:1px}.rope-right{right:1px}.swing-seat{background:#f0f4ff;border-radius:6px;width:44px;height:6px;position:absolute;top:46px}.study-zone{width:130px;height:64px;position:absolute;bottom:10px;right:16px}.study-desk{background:#eef2ffc7;border-radius:6px;height:10px;position:absolute;bottom:8px;left:10px;right:10px}.study-book{opacity:0;width:56px;height:32px;transition:opacity .42s,transform 1.1s;position:absolute;bottom:20px;right:16px;transform:translate(0)scale(.68)}.book-page{background:#f6f9ff;border:1px solid #6e7aaa61;width:50%;height:100%;position:absolute;top:0;box-shadow:inset 0 1px #fffc}.page-left{transform-origin:100%;border-radius:4px 0 0 4px;left:0}.page-right{transform-origin:0;border-radius:0 4px 4px 0;right:0}.actors-layer{height:108px;position:relative}.actor{z-index:2;width:38px;height:72px;transition:transform 1.6s cubic-bezier(.22,.8,.25,1);position:absolute}.alert-mark{color:#fff;opacity:0;background:#ff5161;border-radius:999px;place-items:center;width:20px;height:20px;font-size:14px;font-weight:900;transition:opacity .26s,transform .26s;display:grid;position:absolute;top:-18px;left:8px;transform:scale(.5)}.actor-head{transform-origin:bottom;background:#ffd4b8;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:26px;height:24px;transition:transform .42s;display:flex;position:absolute;top:0;left:6px}.actor-hair{background:#1f2b4f;border-radius:8px 8px 2px 2px;height:8px;position:absolute;top:-2px;left:3px;right:3px}.actor-torso{background:linear-gradient(#5d73ff,#6a48ff);border-radius:8px;width:24px;height:28px;position:absolute;top:20px;left:7px}.actor-arm{transform-origin:top;background:#ffd4b8;border-radius:5px;width:6px;height:22px;transition:transform .3s;position:absolute;top:24px}.arm-left{left:4px}.arm-right{right:4px}.actor-leg{transform-origin:top;background:#233252;border-radius:6px;width:8px;height:22px;transition:transform .28s;position:absolute;top:47px}.leg-left{left:11px}.leg-right{right:11px}.actor-b .actor-torso{background:linear-gradient(#41c7ff,#2b82ff)}.actor-b .actor-hair{background:#162642}.actor-eye{background:#1a1f2a;border-radius:999px;width:4px;height:4px;position:relative;top:1px}.story-scene.stage-play .swing-rope,.story-scene.stage-play .swing-seat{animation:none}.story-scene.stage-play .swing-unit{animation:2.2s ease-in-out infinite alternate swing}.story-scene.stage-play .actor-a{animation:2.2s ease-in-out infinite alternate swingRiderA}.story-scene.stage-play .actor-b{animation:2.2s ease-in-out infinite alternate swingRiderB}.story-scene.stage-play .actor-leg{transform:rotate(48deg)}.story-scene.stage-play .actor-arm.arm-left{transform:rotate(-24deg)}.story-scene.stage-play .actor-arm.arm-right{transform:rotate(24deg)}.story-scene.stage-play .actor-head{transform:translateY(-2px)}.story-scene.stage-noticed .actor-a{transform:translate(16px,-2px)rotate(0)}.story-scene.stage-noticed .actor-b{transform:translate(62px,-2px)rotate(0)}.story-scene.stage-noticed .alert-mark{opacity:1;transform:scale(1)}.story-scene.stage-noticed .swing-rope,.story-scene.stage-noticed .swing-seat{animation:none}.story-scene.stage-noticed .swing-unit{animation-play-state:paused}.story-scene.stage-look .swing-rope,.story-scene.stage-look .swing-seat{animation:none}.story-scene.stage-look .swing-unit{animation-play-state:paused;transform:rotate(2deg)}.story-scene.stage-look .actor-a{transform:translate(16px,-1px)rotate(0)}.story-scene.stage-look .actor-b{transform:translate(62px,-1px)rotate(0)}.story-scene.stage-look .actor-a .actor-head{transform:rotate(12deg)}.story-scene.stage-look .actor-b .actor-head{transform:rotate(-12deg)}.story-scene.stage-run .swing-rope,.story-scene.stage-run .swing-seat{animation:none}.story-scene.stage-run .swing-unit{animation-play-state:paused;transform:rotate(0)}.story-scene.stage-run .actor-a{animation:2.6s linear forwards runPathA}.story-scene.stage-run .actor-b{animation:2.6s linear forwards runPathB}.story-scene.stage-run .actor{transition:none}.story-scene.stage-run .actor .leg-left{animation:.24s linear infinite runLegLeft}.story-scene.stage-run .actor .leg-right{animation:.24s linear infinite runLegRight}.story-scene.stage-run .actor .arm-left{animation:.24s linear infinite runArmLeft}.story-scene.stage-run .actor .arm-right{animation:.24s linear infinite runArmRight}.story-scene.stage-run .actor-leg{transform:rotate(18deg)}.story-scene.stage-grab .actor-a{transform:translate(396px,36px)rotate(0)}.story-scene.stage-grab .actor-b{transform:translate(448px,36px)rotate(0)}.story-scene.stage-grab .actor-arm.arm-left{transform:rotate(24deg)}.story-scene.stage-grab .actor-arm.arm-right{transform:rotate(-24deg)}.story-scene.stage-grab .study-book{opacity:1;transform:translate(-60px,-14px)scale(.95)}.story-scene.stage-study .actor-a{transform:translate(498px,42px)rotate(0)}.story-scene.stage-study .actor-b{transform:translate(544px,42px)rotate(0)}.story-scene.stage-study .actor-arm.arm-left{transform:rotate(48deg)}.story-scene.stage-study .actor-arm.arm-right{transform:rotate(-48deg)}.story-scene.stage-study .actor-leg{transform:rotate(66deg)}.story-scene.stage-study .study-book{opacity:1;transform:translate(-84px,-32px)scale(1)}.story-scene.stage-study .page-left{transform:perspective(80px)rotateY(22deg)}.story-scene.stage-study .page-right{transform:perspective(80px)rotateY(-22deg)}@keyframes swing{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes swingRiderA{0%{transform:translate(11px,-6px)rotate(-12deg)}to{transform:translate(11px,-6px)rotate(12deg)}}@keyframes swingRiderB{0%{transform:translate(57px,-6px)rotate(-12deg)}to{transform:translate(57px,-6px)rotate(12deg)}}@keyframes runLegLeft{0%{transform:rotate(30deg)}50%{transform:rotate(-28deg)}to{transform:rotate(30deg)}}@keyframes runPathA{0%{transform:translate(18px,14px)rotate(0)}to{transform:translate(396px,36px)rotate(0)}}@keyframes runPathB{0%{transform:translate(64px,14px)rotate(0)}to{transform:translate(448px,36px)rotate(0)}}@keyframes runLegRight{0%{transform:rotate(-28deg)}50%{transform:rotate(30deg)}to{transform:rotate(-28deg)}}@keyframes runArmLeft{0%{transform:rotate(-30deg)}50%{transform:rotate(28deg)}to{transform:rotate(-30deg)}}@keyframes runArmRight{0%{transform:rotate(28deg)}50%{transform:rotate(-30deg)}to{transform:rotate(28deg)}}.lang-switch{background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:6px;display:inline-flex}.lang-btn{color:#9ca7cb;cursor:pointer;background:0 0;border:none;border-radius:999px;min-width:92px;height:34px;font-size:14px;font-weight:700}.lang-btn.active{color:#f7f9ff;background:linear-gradient(90deg,#4f7cff,#7f56ff)}.feature-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;width:min(1200px,94vw);display:grid}.feature-card{opacity:0;background:linear-gradient(160deg,#ffffff14,#ffffff0a);border:1px solid #ffffff24;border-radius:18px;min-height:220px;padding:24px;transition:transform .52s,opacity .52s;transform:translateY(28px)scale(.98)}.feature-card h3{color:#eef2ff;margin:0 0 14px;font-size:24px}.feature-card p{color:#b4bdd8;margin:0;font-size:16px;line-height:1.65}.feature-card.is-visible{opacity:1;transform:translateY(0)scale(1)}.feature-card.delay-1{transition-delay:0s}.feature-card.delay-2{transition-delay:.12s}.feature-card.delay-3{transition-delay:.24s}.feature-card.delay-4{transition-delay:.36s}.layout{background:#ececec;border-radius:0;grid-template-columns:58% 42%;width:100vw;height:100vh;margin:0;display:grid;overflow:hidden}.left-panel{background:#ececef;position:relative}.stage{width:550px;height:430px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.char{transform-origin:bottom;transition:transform .24s ease-out;position:absolute;bottom:0}.purple{z-index:1;background:#6c3ff5;border-radius:10px 10px 0 0;width:180px;height:400px;animation:8s linear infinite rainbowShift;left:70px}.black{z-index:2;background:#2d2d2d;border-radius:8px 8px 0 0;width:120px;height:310px;animation:8s linear -1.5s infinite rainbowShift;left:240px}.orange{z-index:3;background:#ff9b6b;border-radius:120px 120px 0 0;width:240px;height:200px;animation:8s linear -3s infinite rainbowShift;left:0}.yellow{z-index:4;background:#e8d754;border-radius:70px 70px 0 0;width:140px;height:230px;animation:8s linear -4.5s infinite rainbowShift;left:310px}@keyframes rainbowShift{0%{background-color:#ff4d4d}16%{background-color:#ff9b3d}32%{background-color:#ffe44d}48%{background-color:#45e06f}64%{background-color:#3dbdff}80%{background-color:#7e5bff}to{background-color:#ff4d4d}}.eyes-group,.dots-group{transition:all .22s ease-out;display:flex;position:absolute}.purple-eyes{gap:8px}.black-eyes{gap:6px}.orange-eyes{gap:8px}.yellow-eyes{gap:6px}.eye-ball{background:#fff;border-radius:999px;place-items:center;transition:all .15s;display:grid;overflow:hidden}.eye-inner,.pupil-dot{background:#2d2d2d;border-radius:999px;transition:transform 70ms linear}.yellow-mouth{background:#2d2d2d;border-radius:999px;width:80px;height:4px;transition:all .2s ease-out;position:absolute}.right-panel{background:#f3f3f3;place-items:center;display:grid}.form-wrap{width:min(360px,90%)}.back-home-btn{color:#4a5162;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:14px}.brand{letter-spacing:-1px;color:#0f131d;align-items:baseline;gap:2px;margin-bottom:18px;font-weight:800;display:inline-flex}.brand-y,.brand-i{font-size:34px;line-height:1}h1{letter-spacing:-.8px;color:#10131d;margin:0;font-size:50px;line-height:1.02}.sub{color:#6d7078;margin:8px 0 26px;font-size:14px}.login-form{flex-direction:column;gap:10px;display:flex}label{color:#111722;font-weight:600}input[type=email],input[type=password],input[type=text]{background:0 0;border:none;border-bottom:1.6px solid #8a8e95;outline:none;height:46px;font-size:18px}.password-row{position:relative}.password-row input{width:100%;padding-right:34px}.eye-toggle{cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.meta-row{color:#6d7078;justify-content:space-between;align-items:center;font-size:13px;display:flex}.meta-row a{color:#6d7078;text-decoration:none}.remember{align-items:center;gap:6px;font-weight:400;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:999px;height:46px;font-weight:700}.btn-primary{color:#fff;background:#121722;margin-top:12px;font-size:28px}.btn-secondary{color:#222730;background:#e7e7e7;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:17px;display:flex}.mail-mark{color:#111722;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-grid}.error{color:#da5a5a;background:#a8202014;border:1px solid #a8202040;border-radius:8px;margin-top:8px;padding:10px;font-size:13px}@media (width<=900px){.feature-head{justify-content:center}.story-scene{justify-content:center;width:100%}.feature-grid{grid-template-columns:1fr}.layout{grid-template-columns:1fr;height:auto}.left-panel{min-height:420px}.stage{width:460px;height:360px;top:50%;transform:translate(-50%,-50%)}.right-panel{padding:24px 0 36px}h1{font-size:34px}}