.auth-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-width:920px;height:560px;max-height:90vh;position:relative;overflow:hidden}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:8px;z-index:10}.auth-modal-close:hover{color:#334155;background:#f1f5f9}.auth-modal-panels{display:flex;height:100%;min-height:0}.auth-modal-form-panel{flex:1 1;padding:48px 40px 40px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto}.auth-modal-brand{font-size:1.5rem;font-weight:700;color:#a855f7;margin-bottom:24px;letter-spacing:-.02em}.auth-modal-title{font-size:1.75rem;font-weight:700;color:#334155;margin:0 0 8px}.auth-modal-subtitle{font-size:.95rem;color:#64748b;margin:0 0 28px;line-height:1.4}.auth-modal-error{background:#fef2f2;color:#b91c1c;padding:10px 14px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.auth-modal-form{display:flex;flex-direction:column;gap:14px;flex:1 1;max-width:360px}.auth-modal-input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;box-sizing:border-box;background:#fff}.auth-modal-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.15)}.auth-modal-input::placeholder{color:#94a3b8}.auth-modal-label{display:block;font-size:.9rem;font-weight:500;color:#334155;margin-bottom:8px}.auth-modal-password-wrap{position:relative;display:flex;align-items:center}.auth-modal-password-wrap .auth-modal-input{padding-right:44px}.auth-modal-password-toggle{position:absolute;right:10px;background:none;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.auth-modal-password-toggle:hover{color:#334155;background:#f1f5f9}.auth-modal-terms{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.9rem;color:#475569;margin:4px 0}.auth-modal-terms input{margin-top:3px;accent-color:#a855f7}.auth-modal-terms a{color:#a855f7;text-decoration:none;font-weight:500}.auth-modal-terms a:hover{text-decoration:underline}.auth-modal-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.auth-modal-remember{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#475569}.auth-modal-remember input{accent-color:#a855f7}.auth-modal-forgot{color:#a855f7;font-size:.9rem;text-decoration:none;font-weight:500}.auth-modal-forgot:hover{text-decoration:underline}.auth-modal-btn{padding:12px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:background .2s;margin-top:4px}.auth-modal-btn.primary{background:#a855f7;color:#fff}.auth-modal-btn.primary:hover:not(:disabled){background:#9333ea}.auth-modal-btn:disabled{opacity:.7;cursor:not-allowed}.auth-modal-divider{display:flex;align-items:center;gap:16px;margin:24px 0 16px}.auth-modal-divider:after,.auth-modal-divider:before{content:"";flex:1 1;height:1px;background:#e2e8f0}.auth-modal-divider span{font-size:.85rem;color:#94a3b8}.auth-modal-google{display:flex;justify-content:center;margin-bottom:8px}.auth-modal-toggle{background:none;border:none;color:#a855f7;font-size:.95rem;font-weight:500;cursor:pointer;padding:12px 0 0;width:100%;text-align:left}.auth-modal-toggle:hover{text-decoration:underline}.auth-modal-illustration-panel{width:48%;min-width:320px;background:linear-gradient(160deg,#1e3a5f,#0f172a);position:relative;display:flex;align-items:center;justify-content:center}.auth-illus-gear{position:absolute;top:24px;right:24px;width:64px;height:64px;border:3px solid hsla(0,0%,100%,.15);border-radius:50%;background:repeating-conic-gradient(from 0deg,hsla(0,0%,100%,.08) 0deg 18deg,transparent 18deg 36deg)}.auth-illus-tablet{position:relative;width:220px;height:280px;background:#1e293b;border-radius:16px;padding:12px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.auth-illus-screen{width:100%;height:100%;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:8px;position:relative;padding:24px 16px}.auth-illus-person{position:absolute;bottom:24px;left:20px;width:56px;height:56px;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 4px 12px rgba(0,0,0,.2)}.auth-illus-locks{bottom:40px;color:hsla(0,0%,100%,.9)}.auth-illus-icons,.auth-illus-locks{position:absolute;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.auth-illus-icons{top:20px;color:hsla(0,0%,100%,.85)}.auth-illus-field{width:80px;height:8px;background:hsla(0,0%,100%,.3);border-radius:4px}.auth-illus-field.dotted{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.4) 4px,transparent 0,transparent 8px)}.auth-illus-leaf{position:absolute;bottom:40px;left:24px;width:60px;height:60px;background:rgba(59,130,246,.25);border-radius:50% 0 50% 50%;transform:rotate(-30deg)}@media (max-width:768px){.auth-modal-illustration-panel{display:none}.auth-modal-form-panel{padding:40px 24px 32px}.auth-modal-form{max-width:none}}.landing-container{background-color:#fff;color:#334155;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.landing-header{justify-content:space-between;padding:24px 8%;position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.landing-header,.landing-logo{display:flex;align-items:center}.landing-logo{gap:10px}.logo-text{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:2px;color:#a855f7}.landing-nav{display:flex;gap:24px;align-items:center}.landing-nav a{text-decoration:none;color:#475569;font-weight:500;font-size:.95rem;transition:color .2s}.landing-nav a:hover{color:#8b5cf6}.nav-signup,.nav-signup-btn{color:#8b5cf6!important}.landing-nav-link-btn,.nav-signup-btn{background:none;border:none;font:inherit;cursor:pointer;padding:0}.landing-nav-link-btn{color:#475569;font-weight:500;font-size:.95rem}.landing-nav-link-btn:hover{color:#8b5cf6}.cta-link-btn{background:none;border:none;font:inherit;cursor:pointer;padding:0}.landing-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#334155;color:#fff;padding:14px 24px;border-radius:10px;font-weight:600;font-size:1rem;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:2500;animation:landing-toast-in .3s ease}@keyframes landing-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:80px 8%;min-height:80vh;background:radial-gradient(circle at 90% 10%,rgba(168,85,247,.05) 0,transparent 40%)}.hero-content{flex:1 1;max-width:600px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;color:#334155;margin-bottom:24px}.hero-subtitle{font-size:1.25rem;color:#64748b;max-width:500px}.hero-image{flex:1 1;display:flex;justify-content:flex-end}.features-section{padding:100px 8%;text-align:center}.section-main-title{font-size:2.5rem;font-weight:700;color:#475569;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05)}.feature-card h3{font-size:1.5rem;margin-bottom:16px;color:#334155}.feature-card p{color:#64748b;line-height:1.6}.secondary-features-section{padding:60px 8% 100px}.secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:60px 40px;gap:60px 40px}.secondary-feature-item{display:flex;flex-direction:column;align-items:center;text-align:center}.icon-wrapper-small{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.secondary-feature-item h3{font-size:1.1rem;margin-bottom:12px;color:#475569}.secondary-feature-item p{font-size:.95rem;color:#64748b;line-height:1.5}.cta-section{padding:100px 8%;display:flex;align-items:center;gap:60px;background-color:#fafafa}.cta-content,.cta-image{flex:1 1}.icon-wrapper-cta{width:48px;height:48px;background:#a855f7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.cta-content h2{font-size:2.25rem;margin-bottom:20px}.cta-content p{font-size:1.1rem;color:#64748b;line-height:1.6}.cta-link{color:#8b5cf6;text-decoration:none;font-weight:600}.illustration-placeholder{width:100%;height:400px;position:relative;background:radial-gradient(circle at 70% 50%,rgba(168,85,247,.1) 0,transparent 70%)}.tablet-mockup{width:300px;height:400px;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.1);position:absolute;right:50px;top:50px;padding:20px;border:1px solid #e2e8f0}.graph-content{width:100%;height:50%;background:linear-gradient(180deg,rgba(168,85,247,.05),transparent);border-bottom:2px solid #a855f7;position:relative}.graph-content:after{content:"";position:absolute;bottom:-5px;right:30px;width:10px;height:10px;background:#a855f7;border-radius:50%}.character-mockup{width:120px;height:250px;background:#6366f1;border-radius:60px 60px 20px 20px;position:absolute;right:-20px;bottom:50px}.mobile-menu-btn{display:none;background:none;border:none;color:#334155;cursor:pointer}@media (max-width:1024px){.features-grid,.secondary-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.5rem}}@media (max-width:768px){.landing-nav{display:none}.landing-nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.1)}.mobile-menu-btn{display:block}.cta-section,.hero-section{flex-direction:column;text-align:center}.cta-content,.cta-image,.hero-content,.hero-image{width:100%;max-width:none}.features-grid,.secondary-grid{grid-template-columns:1fr}.hero-image{margin-top:40px}}