@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#1f2937;background-color:#f5f5f5;min-height:100vh;width:100%;overflow-x:hidden}html{scroll-behavior:smooth}#root{width:100%;min-height:100vh}a{color:#283593;text-decoration:none;transition:color .2s ease}a:hover{color:#29b6f6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:#283593}h1{font-size:3rem}@media (max-width: 768px){h1{font-size:2.25rem}}h2{font-size:2rem}@media (max-width: 768px){h2{font-size:1.75rem}}p{margin-bottom:1rem}button{cursor:pointer;background-color:#2e7d32;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;transition:all .2s ease}button:hover{background-color:#266729;transform:translateY(-1px);box-shadow:0 6px 16px #00000026}button:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}:root{--bg: #F5F5F5;--surface: #ffffff;--text: #1F2937;--muted: #6b7280;--border: #e5e7eb;--shadow: 0 8px 24px rgba(0,0,0,.06);--radius: 14px;--primary: #283593;--primary-600: #3140a3;--primary-700: #1e2a6a;--secondary: #29B6F6;--secondary-700: #0288D1;--accent: #2E7D32;--accent-soft: #66BB6A;--accent-700: #1B5E20}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1200px;margin:0 auto;padding-inline:1rem}.section{padding-block:4rem}.h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;letter-spacing:-.02em;color:var(--text)}.h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.2;color:var(--text)}.h3{font-size:1.125rem;line-height:1.3;color:var(--text)}.lead{margin-top:.75rem;color:var(--muted);max-width:56ch}.subhead{margin-top:.5rem;color:var(--muted);max-width:60ch}.header{position:sticky;top:0;background:linear-gradient(0deg,color-mix(in srgb,var(--secondary) 5%,transparent),transparent),var(--surface);border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 640px){.nav{height:auto;flex-direction:column;gap:.5rem;padding-block:.75rem}.brand{justify-content:center}.links{justify-content:center;flex-wrap:wrap;gap:.6rem}}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}.brandLogo{height:clamp(32px,8vw,60px);width:auto}.brandMark{width:24px;height:24px;border-radius:6px;background:#111;box-shadow:0 2px 10px #0000001f}.brandName{color:var(--text);font-weight:800;letter-spacing:.2px}.links{display:flex;align-items:center;gap:1rem}@media (max-width: 420px){.brandLogo{height:40px}.links{width:100%;justify-content:center}}.links a{color:var(--text);text-decoration:none;font-weight:600}.links a.buttonPrimary{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:10px;border:1px solid var(--border);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease;font-weight:700}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.button:active{transform:translateY(0)}.buttonPrimary{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,#ffffff),var(--primary-700));color:#fff;border-color:var(--primary)}.buttonSecondary{background:#fff;color:var(--primary);border-color:color-mix(in srgb,var(--primary) 20%,#ffffff)}.hero{background:radial-gradient(900px 460px at 10% 0%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 60%),radial-gradient(700px 360px at 90% 10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--bg)}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}@media (max-width: 960px){.heroGrid{grid-template-columns:1fr}}.heroCtas{margin-top:1.25rem;display:flex;gap:.75rem}.heroVisual{display:grid;place-items:center}.visualCard{width:min(560px,100%);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;position:relative}.visualCard:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--secondary) 6%,transparent),color-mix(in srgb,var(--primary) 6%,transparent));pointer-events:none}.visualHeader{height:42px;display:flex;align-items:center;gap:.4rem;padding-inline:.8rem;border-bottom:1px solid var(--border);background:#fff}.dot{width:10px;height:10px;border-radius:999px;background:#d1d5db}.visualBody{padding:1rem}.placeholderChart{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;height:160px;align-items:end}.bar{background:#e5e7eb;border-radius:8px}.placeholderBadge{display:inline-flex;margin-top:1rem;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-weight:600;font-size:.85rem;background:#fff}.featuresGrid{margin-top:1.25rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 960px){.featuresGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.featuresGrid{grid-template-columns:1fr}}.featureCard{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--secondary-700)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 8%,var(--border));border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.featureCard:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.featureIcon{font-size:1.6rem;line-height:1}.featureDesc{color:var(--muted);margin-top:.25rem}.metrics{background:#fff;border-block:1px solid var(--border)}.metricsRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media (max-width: 960px){.metricsRow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.metricsRow{grid-template-columns:1fr}}.metric{display:grid;place-items:center;padding-block:.5rem}.metricValue{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;color:var(--text);letter-spacing:-.02em}.metricLabel{color:var(--muted);margin-top:.2rem}.band{background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent),var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bandInner{display:grid;place-items:center;text-align:center;gap:.35rem}.footer{background:radial-gradient(720px 320px at 0% 0%,color-mix(in srgb,var(--primary) 6%,transparent),transparent 70%),var(--bg);padding-top:3rem;border-top:1px solid var(--border)}.footerGrid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:1rem}@media (max-width: 960px){.footerGrid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.footerGrid{grid-template-columns:1fr}}.footerBrand{display:flex;flex-direction:column;gap:.5rem}.footerHeading{font-size:1rem;font-weight:800;color:var(--text)}.footerList{margin:.35rem 0 0;padding:0;list-style:none;display:grid;gap:.25rem}.footerList a{color:var(--muted);text-decoration:none}.footerLogo{width:80%;height:auto;margin-left:0}.muted{color:var(--muted);margin-left:5%}.copy{margin-top:1.25rem;padding:.9rem 0 1.75rem;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.95rem}.auth-wrapper{display:grid;place-items:center;min-height:100vh;padding:2rem;background:radial-gradient(900px 400px at 10% -10%,rgba(41,182,246,.1),transparent 60%),radial-gradient(900px 400px at 100% 110%,rgba(40,53,147,.08),transparent 60%),#f8fafc}.auth-card{display:grid;grid-template-columns:1.05fr .95fr;width:min(100%,1040px);border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;box-shadow:0 22px 60px #02061714,0 10px 24px #0206170f}.auth-left{padding:3rem;background:radial-gradient(600px 320px at -10% -10%,rgba(41,182,246,.1),transparent 60%),linear-gradient(180deg,#2835930f,#28359300),#fff}.logo-tile{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(40,53,147,.25);border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px #00000014;margin-bottom:16px}.logo-tile img{height:36px;width:auto}.title{font-size:32px;line-height:1.2;margin:0 0 8px;color:#0f172a}.subtitle{margin:0;color:#475569}.promo-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:.5rem}.promo-item{display:flex;align-items:center;gap:.6rem;color:#334155}.check-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#29b6f659;color:#0b142a;font-weight:900}.backline{margin-top:14px}.inline-link{color:#283593;text-decoration:none;font-weight:700}.inline-link:hover{text-decoration:underline}.auth-right{padding:2.5rem;background:linear-gradient(180deg,#29b6f60f,#29b6f600)}.auth-form{display:grid;gap:14px}.form-header{margin-bottom:4px}.form-header h2{margin:0;color:#0f172a;letter-spacing:.2px}.form-header p{margin:0;color:#64748b}.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.6rem .75rem;border-radius:10px;font-size:14px}label{color:#0f172a;font-size:13px;font-weight:600}input{width:100%;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#0f172a;outline:2px solid transparent;transition:box-shadow .15s ease,border-color .15s ease,background .2s ease}input:hover{border-color:#d1d5db}input:focus{border-color:#283593;box-shadow:0 0 0 4px #2835931f;background:#fff}.password-field{position:relative}.password-field .eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.password-field .eye-btn:hover{box-shadow:none}.row-between{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.checkbox{display:flex;align-items:center;color:#0f172a;font-size:14px}.checkbox input[type=checkbox]{width:16px;height:16px;border-radius:4px;margin-right:8px}.link-btn{background:transparent;border:none;color:#283593;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.submit-btn{margin-top:6px;padding:12px 16px;background:linear-gradient(90deg,#283593,#3f51b5);border:1px solid #283593;color:#fff;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 10px 22px #2835932e;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #28359338}.submit-btn:active{transform:translateY(0)}.helper-text{color:#64748b;text-align:center;margin-top:12px;background-color:#0b142a00!important}.helper-text a{color:#283593;text-decoration:none;font-weight:700}.helper-text a:hover{text-decoration:underline}@media (max-width: 920px){.auth-card{grid-template-columns:1fr}.auth-left,.auth-right{padding:2rem}}
