:root{--primary:#0b67c2;--primary-dark:#084f98;--primary-light:#eaf4ff;--blue-soft:#f5f9ff;--text:#101828;--muted:#667085;--muted-dark:#475467;--border:#e6edf5;--white:#fff;--shadow:0 15px 50px #0b67c214;--shadow-hover:0 22px 60px #0b67c229}html{scroll-behavior:smooth}body{color:var(--text);background:#fff;margin:0;font-family:Inter,system-ui,Arial,sans-serif}a{text-decoration:none}.landing-page{background:#fff;width:100%;min-height:100vh;overflow-x:hidden}.landing-container{width:min(1180px,100% - 32px);margin:0 auto}.landing-navbar{z-index:999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e6edf5d9;position:sticky;top:0;box-shadow:0 6px 24px #0f172a08}.navbar-inner{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.brand{letter-spacing:-.03em;color:#111827;font-size:1.15rem;font-weight:900}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#596579;font-size:.95rem;font-weight:600;transition:color .25s}.nav-links a:hover{color:var(--primary)}.nav-actions{align-items:center;gap:14px;display:flex}.nav-signin{color:#4b5563;font-weight:700;transition:color .25s}.nav-signin:hover{color:var(--primary)}.nav-primary-btn{background:linear-gradient(135deg, var(--primary), #0a7ae4);color:#fff;border-radius:12px;padding:12px 18px;font-weight:800;transition:transform .25s,box-shadow .25s;box-shadow:0 12px 28px #0b67c233}.nav-primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0b67c247}.hero-section{background:radial-gradient(circle at 10% 20%,#0b67c21a,#0000 30%),radial-gradient(circle at 92% 18%,#00a8ff1f,#0000 28%),linear-gradient(#fff,#f9fbff 80%);padding:78px 0 70px;position:relative}.hero-grid{grid-template-columns:1.06fr .94fr;align-items:center;gap:52px;display:grid}.hero-content{z-index:2;position:relative}.ai-badge{color:var(--primary);background:#0b67c217;border:1px solid #0b67c224;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:.84rem;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.045em;color:#0f172a;margin:0 0 18px;font-size:clamp(2.45rem,5vw,4.1rem);font-weight:900;line-height:1.06}.hero-title span{background:linear-gradient(135deg, var(--primary), #00a7ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-text{max-width:650px;color:var(--muted);margin:0 0 30px;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:30px;display:flex}.hero-btn{border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:14px 22px;font-weight:800;transition:all .28s;display:inline-flex}.hero-btn.primary{background:linear-gradient(135deg, var(--primary), #0a7ae4);color:#fff;box-shadow:0 14px 28px #0b67c238}.hero-btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0b67c24d}.hero-btn.secondary{border:1.5px solid var(--primary);color:var(--primary);background:#fffc}.hero-btn.secondary:hover{background:#0b67c20f;transform:translateY(-2px)}.hero-trust{color:#5f6c80;align-items:center;gap:14px;font-size:.95rem;font-weight:600;display:flex}.avatar-group{align-items:center;display:flex}.avatar-group img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:38px;height:38px;margin-left:-8px;box-shadow:0 6px 16px #0f172a1f}.avatar-group img:first-child{margin-left:0}.hero-visual-wrap{position:relative}.hero-image-card{z-index:2;box-shadow:var(--shadow);background:#fff;border-radius:34px;position:relative;overflow:hidden}.hero-image-card img{object-fit:cover;width:100%;height:560px;display:block}.hero-image-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0f172a2e);position:absolute;inset:0}.ai-glow{filter:blur(44px);z-index:1;border-radius:50%;animation:6s ease-in-out infinite floatGlow;position:absolute}.ai-glow-1{background:#0b67c22b;width:190px;height:190px;top:-34px;left:-24px}.ai-glow-2{background:#00a8ff24;width:230px;height:230px;animation-delay:2s;bottom:14px;right:-40px}.floating-metric{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #ffffffb3;border-radius:18px;padding:15px 17px;position:absolute;bottom:24px;left:24px;box-shadow:0 16px 35px #00000024}.metric-label{color:#64748b;margin-bottom:4px;font-size:.83rem;font-weight:700;display:block}.floating-metric strong{color:#0f172a;font-size:1rem}.features-section,.how-section,.cta-section{padding:100px 0}.features-section{background:radial-gradient(circle at 20% 0,#0b67c20f,#0000 28%),#f7fafc}.section-heading{text-align:center;max-width:780px;margin:0 auto 50px}.section-kicker{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;font-weight:900;display:inline-block}.section-heading h2,.how-content h2,.cta-card h2{color:#0f172a;letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(2rem,3.3vw,2.9rem);line-height:1.14}.section-heading p,.how-content>p,.cta-card p{color:var(--muted);font-size:1rem;line-height:1.8}.feature-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.feature-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:30px 24px;position:relative;overflow:hidden}.feature-card:before{content:"";background:#0b67c214;border-radius:50%;width:150px;height:150px;transition:transform .35s;position:absolute;inset:-70px auto auto -70px}.feature-card:hover{box-shadow:var(--shadow-hover)}.feature-card:hover:before{transform:scale(1.35)}.feature-icon{z-index:1;width:58px;height:58px;color:var(--primary);background:linear-gradient(135deg,#0b67c21f,#00a8ff1f);border-radius:18px;place-items:center;margin-bottom:18px;font-size:1.4rem;display:grid;position:relative}.feature-card h3{z-index:1;color:#101828;margin:0 0 12px;font-size:1.25rem;position:relative}.feature-card p{z-index:1;color:var(--muted);margin:0;font-size:.96rem;line-height:1.75;position:relative}.feature-hover-line{z-index:1;background:linear-gradient(90deg, var(--primary), #00a7ff);border-radius:999px;width:0;height:4px;margin-top:20px;transition:width .35s;position:relative}.feature-card:hover .feature-hover-line{width:100%}.how-section{background:#fff}.how-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.steps-list{flex-direction:column;gap:22px;margin-top:28px;display:flex}.step-item{border:1px solid var(--border);background:#fff;border-radius:20px;align-items:flex-start;gap:18px;padding:18px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 10px 28px #0f172a0d}.step-item:hover{transform:translate(6px);box-shadow:0 16px 34px #0f172a14}.step-number{background:linear-gradient(135deg, var(--primary), #0a7ae4);color:#fff;border-radius:50%;place-items:center;min-width:46px;height:46px;font-weight:900;display:grid;box-shadow:0 10px 20px #0b67c22e}.step-item h4{color:#101828;margin:0 0 8px;font-size:1.1rem}.step-item p{color:var(--muted);margin:0;line-height:1.7}.dashboard-card{box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#0b67c21f,#0000 28%),linear-gradient(#f8fbff,#eef5fb);border-radius:32px;padding:24px;position:relative}.match-card{background:#fff;border:1px solid #e6edf5cc;border-radius:20px;margin-bottom:20px;padding:18px;box-shadow:0 12px 28px #0f172a12}.match-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.match-top span{color:#64748b;margin-bottom:4px;font-size:.85rem;font-weight:700;display:block}.match-top strong{color:#0f172a}.match-icon{width:44px;height:44px;color:var(--primary);background:#0b67c21a;border-radius:14px;place-items:center;display:grid}.progress-track{background:#e8eef6;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), #00a7ff);border-radius:999px;height:100%}.ai-dashboard-preview{background:#fff;border:1px solid #e6edf5cc;border-radius:24px;overflow:hidden;box-shadow:0 20px 38px #0f172a1f}.preview-topbar{background:#f8fafc;border-bottom:1px solid #e5edf5;align-items:center;gap:8px;height:46px;padding:0 18px;display:flex}.preview-topbar span{background:#cbd5e1;border-radius:999px;width:10px;height:10px}.preview-topbar span:first-child{background:#ff6b6b}.preview-topbar span:nth-child(2){background:#ffd166}.preview-topbar span:nth-child(3){background:#06d6a0}.preview-content{grid-template-columns:1.1fr .9fr;gap:18px;padding:22px;display:grid}.preview-chart{background:linear-gradient(#f8fbff,#eef5fb);border-radius:18px;align-items:end;gap:12px;height:230px;padding:16px;display:flex}.preview-chart div{background:linear-gradient(#0a7ae4,#0b67c2);border-radius:999px 999px 8px 8px;flex:1;min-height:24px;animation:3s ease-in-out infinite barFloat}.preview-chart div:nth-child(2){animation-delay:.2s}.preview-chart div:nth-child(3){animation-delay:.4s}.preview-chart div:nth-child(4){animation-delay:.6s}.preview-chart div:nth-child(5){animation-delay:.8s}.preview-chart div:nth-child(6){animation-delay:1s}.preview-panel{flex-direction:column;gap:12px;display:flex}.preview-panel div{color:#334155;background:#f8fafc;border:1px solid #e5edf5;border-radius:16px;align-items:center;gap:10px;padding:14px;font-weight:700;display:flex}.preview-panel svg{color:#16a34a}.cta-section{background:radial-gradient(circle at 80% 20%,#0b67c214,#0000 24%),#fff}.cta-card{color:#fff;text-align:center;background:linear-gradient(135deg,#0b67c2,#0a4c91);border-radius:38px;padding:74px 24px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0b67c240}.cta-card h2{color:#fff;z-index:2;position:relative}.cta-card p{color:#ffffffe6;z-index:2;max-width:720px;margin:0 auto 30px;position:relative}.cta-btn{color:var(--primary);z-index:2;background:#fff;border-radius:14px;padding:15px 25px;font-weight:900;transition:transform .25s,box-shadow .25s;display:inline-block;position:relative;box-shadow:0 14px 26px #fff3}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px #ffffff47}.cta-orb{filter:blur(10px);opacity:.22;border-radius:999px;position:absolute}.cta-orb-one{background:#fff;width:190px;height:190px;top:-36px;left:-24px}.cta-orb-two{background:#57c5ff;width:240px;height:240px;bottom:-58px;right:-52px}.landing-footer{border-top:1px solid var(--border);background:#f8fafc;padding:70px 0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;display:grid}.footer-grid h3,.footer-grid h4{color:#111827;margin-top:0;margin-bottom:16px}.footer-grid p{color:var(--muted);margin:0;line-height:1.7}.footer-grid a{color:#617084;margin-bottom:10px;font-weight:600;transition:color .25s;display:block}.footer-grid a:hover{color:var(--primary)}.floating-chatbot-wrapper{z-index:1000;position:fixed;bottom:20px;right:20px}.floating-chatbot-btn{color:#fff;background:linear-gradient(135deg,#0b67c2,#00a7ff);border-radius:50%;place-items:center;width:56px;height:56px;padding:0;font-size:1.3rem;font-weight:900;transition:transform .25s,box-shadow .25s;display:inline-grid;position:relative;box-shadow:0 18px 40px #0b67c252}.floating-chatbot-btn:hover{transform:translateY(-3px);box-shadow:0 24px 50px #0b67c26b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes floatGlow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.04)}}@keyframes pingPulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.12)}to{opacity:0}}@keyframes barFloat{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.9;transform:scaleY(.92)}}@media (width<=1100px){.hero-grid,.how-grid,.footer-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-image-card img{height:460px}.preview-content{grid-template-columns:1fr}}@media (width<=768px){.navbar-inner{min-height:auto;padding:12px 0}.nav-links{display:none}.nav-actions{margin-left:auto}.nav-signin{display:none}.hero-section,.features-section,.how-section,.cta-section{padding:70px 0}.hero-image-card img{height:360px}.feature-grid{grid-template-columns:1fr}.hero-trust{flex-direction:column;align-items:flex-start}.cta-card{border-radius:28px;padding:54px 18px}.footer-grid{gap:22px}.floating-chatbot-btn{justify-content:center;width:56px;height:56px;padding:0}}@media (width<=520px){.landing-container{width:min(100% - 22px,1180px)}.hero-title{font-size:2.25rem}.hero-btn{width:100%}.hero-image-card img{height:300px}.step-item{padding:16px}.preview-chart{height:190px}}:root{color:#0f172a;background:#f8fafc;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.65}.btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:12px 18px;font-weight:700}.btn.secondary{color:#0f172a;background:#e2e8f0}.btn.danger{background:#dc2626}.btn.ghost{color:#2563eb;background:0 0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 12px 28px #0f172a0f}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 14px}.label{margin:12px 0 6px;font-weight:700;display:block}.page{padding:26px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;max-width:1180px;margin:auto;padding:70px 26px;display:grid}.hero h1{margin:0 0 18px;font-size:clamp(36px,6vw,64px);line-height:1.02}.hero p{color:#475569;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.nav{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 26px;display:flex;position:sticky;top:0}.logo{color:#1d4ed8;font-size:22px;font-weight:900}.sidebar-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;padding:24px}.sidebar a{color:#e2e8f0;border-radius:12px;margin:4px 0;padding:12px 14px;display:block}.sidebar a:hover{background:#1e293b}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.badge{color:#166534;background:#dcfce7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.progress{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress div{background:#2563eb;border-radius:999px;height:100%}.chat-box{background:#fff;border:1px solid #e5e7eb;border-radius:22px;height:420px;padding:20px;overflow:auto}.msg{background:#e0f2fe;border-radius:18px;max-width:75%;margin:10px 0;padding:12px 14px}.msg.user{color:#fff;background:#2563eb;margin-left:auto}.table{border-collapse:collapse;background:#fff;border-radius:16px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.table th{background:#f1f5f9}.auth-page{background:#eef5ff;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #dbe4f0;border-radius:8px;width:min(440px,100%);padding:28px;box-shadow:0 14px 32px #0f172a14}.auth-card h1,.card h1{margin:0 0 8px}.auth-card p,.card p{color:#475569;line-height:1.6}.form-group{gap:6px;margin:16px 0;display:grid}.form-group label{font-weight:700}.form-group input,.auth-card input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px 14px}.forgot-password{text-align:right;margin:8px 0 16px}.forgot-password a,.auth-link a{color:#1d4ed8;font-weight:700}.primary-btn,.google-btn,.logout-btn{cursor:pointer;border:0;border-radius:8px;width:100%;padding:12px 16px;font-weight:800}.primary-btn{color:#fff;background:#2563eb}.google-btn{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.divider{color:#64748b;align-items:center;gap:12px;margin:18px 0;display:flex}.divider:before,.divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-link{text-align:center;margin-top:18px}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:16px 0;padding:12px}.success-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin:16px 0;padding:12px}.auth-check{color:#475569;background:#f8fafc;place-items:center;min-height:100vh;padding:24px;font-weight:700;display:grid}.dashboard-page{background:#f8fafc;min-height:100vh;padding:24px}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dashboard-header h1{margin:0}.logout-btn{color:#fff;background:#dc2626;width:auto}.dashboard-content{gap:16px;max-width:920px;display:grid}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;box-shadow:0 10px 24px #0f172a0d}.dashboard-card .btn{margin-top:8px;display:inline-flex}@media (width<=850px){.hero,.grid-2,.grid-3,.grid-4,.sidebar-layout{grid-template-columns:1fr}.sidebar{position:relative}}@media (width<=640px){.dashboard-header{flex-direction:column;align-items:stretch}.logout-btn{width:100%}}