.home-page{padding-top:80px}.hero-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.hero-content h1{letter-spacing:-1px;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{background:var(--surface-alt);color:var(--accent);border-radius:99px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.hero-content p{color:var(--text-secondary);max-width:580px;margin-bottom:40px;font-size:1.25rem}.hero-btns{gap:16px;display:flex}.btn-primary-large{background:var(--primary);color:#fff;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;box-shadow:0 10px 15px -3px #6366f166}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--divider);border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:700}.mockup-frame{background:#1e293b;border:12px solid #334155;border-radius:40px;padding:0;overflow:hidden;box-shadow:0 50px 100px -20px #00000080}.mockup-screen{background:#0f172a;flex-direction:column;height:540px;display:flex}.mockup-header{background:#1e293b;gap:6px;padding:16px;display:flex}.mockup-circle{background:#475569;border-radius:50%;width:10px;height:10px}.mockup-content{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.mockup-ai-msg,.mockup-user-msg{border-radius:16px;max-width:80%;padding:12px 16px;font-size:.9rem}.mockup-ai-msg{color:#fff;background:#334155;align-self:flex-start}.mockup-user-msg{background:var(--primary);color:#fff;align-self:flex-end}.mockup-ai-feedback{text-align:center;color:var(--accent);margin-top:auto;font-size:.85rem;font-weight:600}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-header h2{margin-bottom:16px;font-size:3rem;font-weight:800}.section-header p{color:var(--text-secondary);font-size:1.2rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--divider);border-radius:24px;padding:40px;transition:transform .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-8px)}.feature-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.bg-blue{background:#3b82f6}.bg-indigo{background:#6366f1}.bg-cyan{background:#06b6d4}.feature-card h3{margin-bottom:16px;font-size:1.5rem}.feature-card p{color:var(--text-secondary)}.download-card{border:1px solid var(--divider);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:40px;justify-content:space-between;align-items:center;padding:80px;display:flex;position:relative;overflow:hidden}.download-content h2{margin-bottom:16px;font-size:3rem;font-weight:800}.download-content p{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem}.store-btns{gap:16px;display:flex}.placeholder-btn{color:#fff;background:#000;border:1px solid #334155;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:600}.glow-icon{color:var(--primary);filter:drop-shadow(0 0 20px #6366f180)}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content p{margin:0 auto 40px}.hero-btns{justify-content:center}.features-grid{grid-template-columns:1fr}}@media (width<=768px){.hero-content h1{font-size:2.75rem}.download-card{text-align:center;flex-direction:column;padding:60px 24px}.download-icon{display:none}}.legal-page{max-width:800px;margin:0 auto;padding:120px 0 80px}.legal-content{background:var(--surface);border:1px solid var(--divider);border-radius:24px;padding:48px}.legal-content h1{margin-bottom:32px;font-size:2.5rem;font-weight:800}.legal-content h2{color:var(--text-primary);margin:32px 0 16px;font-size:1.5rem;font-weight:700}.legal-content p{color:var(--text-secondary);margin-bottom:16px;font-size:1.1rem;line-height:1.7}.legal-content ul{color:var(--text-secondary);margin-bottom:24px;padding-left:24px;list-style:outside}.legal-content li{margin-bottom:12px}.last-updated{color:var(--accent);margin-bottom:40px;font-size:.9rem;font-weight:600;display:block}.deletion-form{background:var(--background);border:1px solid var(--divider);border-radius:16px;flex-direction:column;gap:20px;margin-top:40px;padding:32px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{background:var(--surface-alt);border:1px solid var(--divider);color:#fff;border-radius:8px;padding:12px 16px;font-size:1rem}.form-group input:focus{border-color:var(--primary);outline:none}.alert-warning{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:24px;padding:16px;font-size:.9rem}@media (width<=768px){.legal-page{padding:100px 20px 60px}.legal-content{padding:32px 24px}}.navbar{z-index:1000;background:0 0;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--divider);background:#f0f3f6d9;padding:12px 0}.nav-container{justify-content:center;align-items:center;display:flex}.logo{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.logo-icon{color:var(--primary);width:28px;height:28px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.btn-primary{background:var(--primary);border-radius:99px;padding:10px 24px;box-shadow:0 4px 14px #6366f166;color:#fff!important;font-weight:700!important}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.menu-toggle{color:var(--text-primary);display:none}.mobile-menu{background:var(--background);z-index:999;flex-direction:column;gap:24px;padding:40px 24px;display:flex;position:fixed;inset:72px 0 0}.mobile-menu a{font-size:1.5rem;font-weight:700}@media (width<=768px){.nav-links{display:none}.menu-toggle{display:block}}.footer{background:var(--surface);border-top:1px solid var(--divider);padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-info .logo{margin-bottom:24px}.footer-desc{color:var(--text-secondary);max-width:320px;margin-bottom:24px;font-size:1rem}.social-icons{gap:16px;display:flex}.social-icons a{color:var(--text-secondary);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.social-icons a:hover{color:var(--primary);background:var(--surface-alt)}.footer-nav h4{margin-bottom:24px;font-size:1.1rem;font-weight:700}.footer-nav{flex-direction:column;gap:12px;display:flex}.footer-nav a{color:var(--text-secondary);font-size:.95rem}.footer-nav a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--divider);text-align:center;color:var(--text-secondary);padding-top:40px;font-size:.9rem}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:40px}}:root{--background:#f0f3f6;--surface:#fff;--surface-alt:#f0f3f6;--primary:#2b3754;--primary-hover:#1e2b45;--accent:#5c6c94;--text-primary:#2b3754;--text-secondary:#5a6886;--divider:#2b37541a;--card-shadow:0 10px 25px -5px #2b37541a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:80px 0}@media (width<=768px){.section{padding:60px 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-alt);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeIn}