*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07111f;color:#fff}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app{min-height:100vh;background:radial-gradient(circle at 80% 15%,rgba(0,180,255,.14),transparent 30%),radial-gradient(circle at 15% 45%,rgba(85,70,255,.12),transparent 28%),#07111f}.navbar{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:#07111fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#00d4ff,#5865ff);box-shadow:0 8px 30px #00b4ff40}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:#aebbd0;font-size:14px;transition:.2s}.nav-links a:hover{color:#fff}.login-btn,.signup-btn,.primary-btn,.secondary-btn{border:0;border-radius:10px;padding:12px 19px;font-weight:700;transition:transform .2s,box-shadow .2s}.login-btn{background:transparent;color:#fff}.signup-btn,.primary-btn{background:linear-gradient(135deg,#00cfff,#5865ff);color:#fff;box-shadow:0 10px 30px #3787ff33}.signup-btn:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #3787ff4d}.hero{min-height:680px;padding:90px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.badge{width:fit-content;padding:8px 14px;border:1px solid rgba(0,207,255,.25);border-radius:999px;background:#00cfff14;color:#7deaff;font-size:13px;margin-bottom:25px}.hero h1{margin:0;font-size:clamp(45px,6vw,78px);line-height:.98;letter-spacing:-4px}.hero h1 span{background:linear-gradient(90deg,#fff,#68dfff,#7984ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:650px;margin:28px 0;color:#aebbd0;font-size:18px;line-height:1.7}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:15px 23px}.secondary-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff}.no-card{color:#72839a;font-size:12px;margin-top:14px}.bot-card{border:1px solid rgba(255,255,255,.1);background:#0c1a2dd9;border-radius:24px;padding:20px;box-shadow:0 35px 100px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bot-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.bot-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#00d4ff,#5865ff)}.bot-header strong{display:block}.bot-header span{display:block;color:#71839a;font-size:12px;margin-top:3px}.online-dot{width:9px;height:9px;background:#31e981;border-radius:50%;margin-left:auto;box-shadow:0 0 14px #31e981b3}.chat-area{padding:24px 5px;display:flex;flex-direction:column;gap:16px}.message{max-width:82%;padding:13px 15px;border-radius:15px;font-size:14px;line-height:1.5}.bot-message{align-self:flex-start;background:#162942;color:#dce7f5}.user-message{align-self:flex-end;background:linear-gradient(135deg,#006f99,#4851a5)}.chat-input{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:9px 10px 9px 15px;display:flex;align-items:center;color:#667890;font-size:13px}.chat-input button{margin-left:auto;width:34px;height:34px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#00cfff,#5865ff)}.features,.how-it-works{padding:100px 7%}.section-heading{text-align:center;max-width:700px;margin:0 auto 55px}.section-heading span{color:#6df;font-size:12px;font-weight:800;letter-spacing:2px}.section-heading h2{font-size:clamp(32px,4vw,52px);margin:12px 0;letter-spacing:-2px}.section-heading p{color:#8fa1b8;line-height:1.7}.feature-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff06}.feature-icon{font-size:25px;margin-bottom:20px}.feature-card h3{margin-bottom:10px}.feature-card p,.step p{color:#8293aa;line-height:1.65;font-size:14px}.steps{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{padding:30px;border-left:1px solid rgba(255,255,255,.1)}.step-number{color:#58dcff;font-weight:900;margin-bottom:20px}.cta{margin:40px 7% 100px;padding:80px 30px;text-align:center;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 0%,rgba(0,207,255,.15),transparent 45%),#ffffff08}.cta h2{font-size:clamp(30px,4vw,50px);margin:0 0 15px}.cta p{color:#8fa1b8;margin-bottom:28px}footer{padding:30px 7%;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}footer p{color:#64758b;font-size:12px}@media(max-width:900px){.nav-links a{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}@media(max-width:600px){.navbar{padding:0 20px}.hero,.features,.how-it-works{padding-left:20px;padding-right:20px}.hero h1{letter-spacing:-2px}.feature-grid{grid-template-columns:1fr}footer{padding:25px 20px;flex-direction:column;gap:15px}}:root{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #f8fafc;--muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--user-msg: #2563eb;--bot-msg: #334155;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.app{max-width:900px;margin:0 auto;padding:1rem}button{font:inherit;cursor:pointer;border:none;border-radius:8px;transition:background .2s}.topnav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:.75rem}.nav-links button{background:var(--surface);color:var(--text);padding:.5rem 1rem;border:1px solid var(--border)}.nav-links button:hover{background:var(--border)}.hero{text-align:center;padding:4rem 1rem}.hero h1{font-size:clamp(2.5rem,8vw,4rem);letter-spacing:-.03em;margin-bottom:1rem}.tagline{color:var(--muted);font-size:1.2rem;margin-bottom:2rem}.cta{background:var(--accent);color:#fff;padding:.9rem 2rem;font-size:1.1rem;border-radius:999px}.cta:hover{background:var(--accent-hover)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.feature h3{margin-bottom:.5rem}.feature p{color:var(--muted)}.page-header{margin:2rem 0 1.5rem}.page-header h2{font-size:2rem;letter-spacing:-.02em}.subtitle{color:var(--muted)}.chat-page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;height:70vh}.chat-window{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.msg{max-width:80%;padding:.75rem 1rem;border-radius:12px}.msg.user{align-self:flex-end;background:var(--user-msg)}.msg.bot{align-self:flex-start;background:var(--bot-msg)}.msg-label{display:block;font-size:.75rem;color:#cbd5e1;margin-bottom:.25rem}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.chat-input button{background:var(--accent);color:#fff;padding:.75rem 1.5rem}.chat-input button:hover{background:var(--accent-hover)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card h3{font-size:1rem;color:var(--muted);margin-bottom:.5rem}.card p{font-size:1.5rem;font-weight:600}.back{background:transparent;color:var(--accent);padding:.5rem 0;margin-top:1rem}.back:hover{color:#93c5fd}@media(max-width:640px){.hero{padding:2rem 1rem}.chat-page{height:75vh}.msg{max-width:90%}}