*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);max-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.logo-container{text-align:center;margin-bottom:30px}.logo{max-width:120px;height:auto}.title{color:#1f2937;text-align:center;margin-bottom:8px;font-size:24px;font-weight:600}.subtitle{color:#6b7280;text-align:center;margin-bottom:30px;line-height:1.5}.form-group{margin-bottom:20px}.input{border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.input:focus{border-color:#667eea;outline:none}.input.error{border-color:#ef4444}.error-text{color:#ef4444;margin-top:5px;font-size:14px}.button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s}.button:hover{background:#5a67d8}.button:disabled{cursor:not-allowed;background:#9ca3af}.success-message{color:#059669;text-align:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:20px;padding:16px}.loading{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.card{margin:16px;padding:24px}.title{font-size:20px}.input{font-size:16px}}.landing-page{flex-direction:column;min-height:100vh;display:flex}.landing-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px 48px;display:flex}.landing-logo-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:32px;display:flex;box-shadow:0 8px 32px #00000038}.landing-logo{width:118px;height:auto}.landing-title{color:#fff;letter-spacing:-.5px;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.15}.landing-subtitle{color:#ffffffd9;max-width:480px;margin-bottom:44px;font-size:18px;line-height:1.65}.landing-store-btn{color:#667eea;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:15px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #0003}.landing-store-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000047}.landing-coming-soon{color:#ffffff8c;margin-top:12px;font-size:13px}.landing-features{background:#0000002e;padding:48px 20px}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:820px;margin:0 auto;display:grid}.landing-feature-card{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;padding:28px 24px}.landing-feature-icon{margin-bottom:14px;font-size:36px;display:block}.landing-feature-title{color:#fff;margin-bottom:10px;font-size:17px;font-weight:600}.landing-feature-text{color:#ffffffb8;font-size:14px;line-height:1.6}.landing-footer{text-align:center;border-top:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:8px;padding:24px 20px;display:flex}.landing-footer-copy{color:#ffffff73;font-size:12px}.landing-footer-links{align-items:center;gap:10px;display:flex}.landing-footer-link{color:#fff9;font-size:13px;text-decoration:none;transition:color .2s}.landing-footer-link:hover{color:#fff}.landing-footer-sep{color:#ffffff4d;font-size:13px}@media (max-width:600px){.landing-title{font-size:34px}.landing-subtitle{font-size:16px}.landing-hero{padding:48px 20px 40px}}