:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.Button{background-color:#0bf;color:#fff}.halfBox{flex:1}.anime{min-height:392px;min-width:350px;width:100%;border-radius:16px;overflow:hidden}.landing{min-height:100vh;background:#f2faff;color:#22404f;font-family:Inter,-apple-system,sans-serif}.landing .wrap{max-width:1120px;margin:0 auto;padding:0 28px}.landing .btn3d,.store-modal .btn3d{display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:15px;line-height:1.2;color:#fff;background:#0bf;border:2px solid transparent;cursor:pointer;padding:13px 26px;border-radius:14px;box-shadow:0 5px #0096ce;transition:transform .06s,box-shadow .06s;text-decoration:none;-webkit-user-select:none;user-select:none}.landing .btn3d:active,.store-modal .btn3d:active{transform:translateY(5px);box-shadow:0 0 #0096ce}.landing .btn3d.ghost,.store-modal .btn3d.ghost{background:#fff;color:#0bf;box-shadow:0 5px #d4e9f5;border:2px solid #e3f1fa}.landing .btn3d.ghost:active,.store-modal .btn3d.ghost:active{box-shadow:0 0 #d4e9f5}.landing .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.landing .nav .logo{font-family:Unbounded;font-weight:900;font-size:22px;color:#0bf;letter-spacing:.5px}.landing .nav-actions{display:flex;gap:10px;align-items:center}.landing .nav .btn3d{min-width:140px}.landing .hero{display:flex;align-items:center;gap:56px;padding:64px 0 48px}.landing .hero-text{flex:1.1}.landing h1{font-family:Unbounded;font-weight:900;font-size:46px;line-height:1.12;color:#143a4c;margin:0 0 20px}.landing h1 .accent{color:#0bf}.landing .sub{font-size:18px;line-height:1.55;color:#52707e;margin:0 0 28px;max-width:460px}.landing .stores{display:flex;gap:12px;flex-wrap:wrap}.landing .stores .btn3d{min-width:150px}.landing .demo{flex:1}.landing .task-card{background:#fff;border-radius:24px;padding:28px 28px 12px;box-shadow:0 8px #dceef8;border:2px solid #e3f1fa;max-width:440px;margin-left:auto;position:relative}.landing .task-label{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#0bf;margin-bottom:10px}.landing .task-q{font-size:18px;font-weight:700;color:#143a4c;margin-bottom:18px;line-height:1.4}.landing .word-row{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;height:48px;margin-bottom:20px}.landing .letter{width:42px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#143a4c;background:#f3fbff;border:2px solid #dceef8;box-sizing:border-box}.landing .letter.vowel{cursor:pointer;background:#fff;border-color:#9fdff8;box-shadow:0 3px #9fdff8;transition:transform .06s,box-shadow .06s}.landing .letter.vowel:active{transform:translateY(3px);box-shadow:0 0 #9fdff8}.landing .letter.vowel.sel{background:#0bf;border-color:#00a3e0;color:#fff;box-shadow:0 3px #0096ce}.landing .letter.vowel.sel:active{box-shadow:0 0 #0096ce}.landing .word-row.compact .letter{width:33px;height:40px;font-size:16px;border-radius:8px}.landing .check-btn{width:100%;margin-bottom:14px;box-sizing:border-box}.landing .task-result{font-size:14px;font-weight:700;color:#2fb574;min-height:20px}.landing .task-done{display:flex;flex-direction:column;justify-content:center;min-height:225px}.landing .task-congrats{font-family:Unbounded;font-weight:900;font-size:24px;line-height:1.15;color:#0bf;margin-bottom:12px}.landing .task-congrats .congrats-green{color:#2fb574}.landing .task-done .task-q{margin-bottom:22px}.landing .pif-badge{position:absolute;top:-78px;right:-24px;width:130px;height:130px;pointer-events:none}.landing .features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:32px 0 56px}.landing .fcard{background:#fff;border:2px solid #e3f1fa;border-radius:20px;padding:24px;box-shadow:0 6px #dceef8}.landing .fcard .ficon{width:48px;height:48px;border-radius:14px;margin-bottom:14px;display:flex;align-items:center;justify-content:center}.landing .fcard h3{font-family:Unbounded;font-weight:700;font-size:17px;color:#143a4c;margin:0 0 8px}.landing .fcard p{font-size:15px;line-height:1.5;color:#52707e;margin:0}.landing .cta{background:#0bf;border-radius:28px;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:56px;box-shadow:0 8px #0096ce}.landing .cta h2{font-family:Unbounded;font-weight:900;font-size:28px;color:#fff;max-width:480px;line-height:1.25;margin:0}.landing .cta .btn3d{background:#fff;color:#0bf;box-shadow:0 5px #007faf;white-space:nowrap}.landing .cta .btn3d:active{transform:translateY(5px);box-shadow:0 0 #007faf}.landing .foot{padding:20px 0 40px;font-size:13px;color:#7a96a4;display:flex;gap:24px;align-items:center}.landing .foot-links{display:flex;align-items:center;gap:24px}.landing .foot a{color:inherit;text-decoration:none}.landing .foot a:hover{color:#22404f}.landing .foot-social{display:inline-flex;align-items:center;gap:7px}.landing .foot-social svg{flex-shrink:0}.landing .break-btn{margin-left:auto;font-family:Inter,sans-serif;font-weight:800;font-size:13px;color:#7a96a4;background:transparent;border:2px dashed #b9d2de;border-radius:11px;padding:8px 16px;cursor:pointer}.landing .break-btn:hover{color:#22404f;border-color:#7a96a4}.landing .break-btn:active{transform:translateY(2px)}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0d1626d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.countdown-num{font-family:Unbounded;font-weight:900;font-size:160px;color:#fff;animation:cd-pop .95s ease-out}@keyframes cd-pop{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.6}}@keyframes site-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-8px,3px) rotate(-.6deg)}40%{transform:translate(7px,-4px) rotate(.5deg)}60%{transform:translate(-6px,-3px) rotate(-.4deg)}80%{transform:translate(8px,4px) rotate(.6deg)}}.landing.shaking{animation:site-shake .12s linear infinite}.physics-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;cursor:grab}.physics-overlay:active{cursor:grabbing}.store-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center;background:#0d16268c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.store-modal{background:#fff;border-radius:24px;border:2px solid #e3f1fa;box-shadow:0 8px #0f2a3833;padding:32px;max-width:820px;width:calc(100% - 48px);max-height:90vh;overflow-y:auto;text-align:center}.store-modal h3{font-family:Unbounded;font-weight:700;font-size:20px;color:#143a4c;margin:0 0 6px}.store-modal .hint{font-size:14px;color:#52707e;margin:0 0 24px}.store-modal .qr-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;align-items:stretch}.store-modal .qr-col{flex:1 1 300px;max-width:396px;background:#f3fbff;border:2px solid #dceef8;border-radius:18px;padding:18px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:12px}.store-modal .qr-col svg{background:#fff;border-radius:10px;padding:8px;width:100%;height:auto;max-width:360px}.store-modal .qr-col .btn3d{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px}.store-modal .close-btn{margin-top:20px;background:none;border:none;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#7a96a4;cursor:pointer}.store-modal .close-btn:hover{color:#22404f}@media (max-width: 860px){.landing .hero{flex-direction:column;align-items:stretch;padding-top:40px}.landing .features{grid-template-columns:1fr}.landing h1{font-size:32px}.landing .cta{flex-direction:column;text-align:center;padding:32px 28px}.landing .cta h2{font-size:22px}.landing .task-card{margin:40px 0 0;max-width:none}.landing .task-done{min-height:270px}.landing .nav .btn3d{min-width:0}.landing .word-row{gap:6px;height:50px}.landing .letter{flex:1 1 0;min-width:0;width:auto;max-width:50px;height:50px;font-size:21px}.landing .word-row.compact{gap:5px}.landing .word-row.compact .letter{width:auto;max-width:50px;height:50px;font-size:18px}.store-modal .qr-row{flex-direction:column;align-items:center}}@media (max-width: 560px){.landing .wrap{padding:0 18px}.landing .nav{gap:8px}.landing .nav .logo{font-size:18px}.landing .nav-actions{gap:8px}.landing .nav .btn3d{min-width:96px;padding:11px 16px;font-size:14px}.landing .foot{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:32px}.landing .break-btn{order:-1;margin-left:0;align-self:flex-start;padding:6px 12px;font-size:12px;border-radius:9px}.landing .foot-links{flex-wrap:wrap;gap:12px 16px}.landing .foot-social{order:0}.landing .foot-org{order:1;flex-basis:100%}.landing .pif-badge{right:0;top:-66px;width:108px;height:108px}.landing .task-card{padding:26px 18px 12px}}.login{min-height:100vh;background:#f2faff;color:#22404f;font-family:Inter,-apple-system,sans-serif;display:flex;flex-direction:column}.login .wrap{max-width:1120px;width:100%;margin:0 auto;padding:0 28px}.login .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.login .nav .logo{font-family:Unbounded;font-weight:900;font-size:22px;color:#0bf;letter-spacing:.5px;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.login-body{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px 56px}.login-card{background:#fff;border:2px solid #e3f1fa;border-radius:24px;box-shadow:0 8px #dceef8;padding:32px 28px 28px;width:100%;max-width:420px;text-align:center}.login-pif{width:128px;height:128px;margin:0 auto 6px}.login-title{font-family:Unbounded;font-weight:900;font-size:26px;line-height:1.2;color:#143a4c;margin:0 0 8px}.login-sub{font-size:15px;line-height:1.5;color:#52707e;margin:0 0 24px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:800;font-size:16px;border:2px solid transparent;border-radius:14px;padding:15px 20px;cursor:pointer;transition:transform .06s,box-shadow .06s;margin-bottom:12px}.auth-btn:active{transform:translateY(5px)}.auth-btn:disabled{cursor:default;opacity:.65}.auth-btn svg{flex-shrink:0}.auth-btn.apple{background:#143a4c;color:#fff;box-shadow:0 5px #0c2732}.auth-btn.apple:active{box-shadow:0 0 #0c2732}.auth-btn.google{background:#fff;color:#22404f;border-color:#dceef8;box-shadow:0 5px #dceef8;pointer-events:none}.google-wrap:hover .auth-btn.google{background:#f0f9ff}.auth-btn.tg{background:#0bf;color:#fff;box-shadow:0 5px #0096ce}.auth-btn.tg:active{box-shadow:0 0 #0096ce}.google-wrap{position:relative}.google-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.google-overlay iframe{width:100%!important;height:100%!important}.login-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{color:#d84a4a;font-size:14px;line-height:1.4;margin:6px 0 0}@media (max-width: 560px){.login .wrap{padding:0 18px}.login-title{font-size:22px}}