:root{--kyvo-primary: #0066cc;--muted: #6b7280;--text: #0f172a;--bg: #f7fbff;--card: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--bg) 0%,#ffffff 60%);color:var(--text)}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:16px;padding-right:16px}.py-8{padding-top:32px;padding-bottom:32px}.p-6{padding:24px}.p-4{padding:16px}.p-8{padding:32px}.bg-white{background:var(--card)}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:14px}.rounded-2xl{border-radius:18px}.shadow-sm{box-shadow:0 1px 3px #1018280f}.shadow-md{box-shadow:0 6px 20px #10182814}.shadow-2xl{box-shadow:0 25px 50px #1018281f}.border{border:1px solid rgba(15,23,42,.06)}.border-gray-200{border-color:#e6eef8}.soft-muted{color:var(--muted)}.text-kyvo-primary{color:var(--kyvo-primary)}.font-extrabold{font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;border:1px solid rgba(15,23,42,.06);background:#fff;color:var(--text);cursor:pointer}.btn-primary{background:var(--kyvo-primary);color:#fff;border:none;box-shadow:0 6px 18px #0066cc1f}.btn:focus{outline:2px solid rgba(0,0,0,.06)}nav{background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(15,23,42,.04)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo-box{width:42px;height:42px;background:var(--kyvo-primary);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800}h1{margin:0}.hero h1{font-size:28px}ul{margin:0;padding-left:18px}li{margin:6px 0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.center-card{display:block;margin-left:auto;margin-right:auto;max-width:900px}.hero{min-height:60vh;display:flex;align-items:center;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;padding:80px 16px}.hero-inner{max-width:1100px;margin-left:auto;margin-right:auto;display:flex;gap:40px;align-items:center;flex-direction:column}.hero-copy{max-width:640px;width:100%}.hero h1{font-size:40px;margin:0 0 12px}.hero p.lead{color:#ffffffeb;margin:0 0 20px;font-size:18px}.hero-cta{display:flex;gap:12px}.btn-ghost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12)}.hero-card{background:var(--card);border-radius:14px;padding:28px;box-shadow:0 20px 40px #02061733;color:var(--text);width:100%;max-width:480px}.hero-card h3{margin:0 0 8px}@media(min-width:768px){.hero-inner{flex-direction:row}.hero-card{min-width:360px;width:auto}}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.feature{background:linear-gradient(180deg,#0a0a0a05,#0a0a0a03);padding:12px;border-radius:10px}.btn-gradient{display:inline-block;padding:12px 26px;border-radius:999px;color:#fff;border:none;background:linear-gradient(90deg,#4ade80,#60a5fa,#a78bfa);box-shadow:0 8px 20px #6366f12e;cursor:pointer}.login-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#fff 60%);padding:48px}.login-card{background:var(--card);border-radius:14px;padding:36px;box-shadow:0 12px 32px #02061714;max-width:700px;display:flex;gap:24px}.login-card .left{flex:1}.login-card .right{width:300px}.pill-btn{display:inline-block;padding:12px 18px;border-radius:999px;border:none;background:linear-gradient(90deg,#06b6d4,#7c3aed);color:#fff;font-weight:600;cursor:pointer}