.container{width:100%}:root{--bg-page:#f4f5f8;--bg-card:#fff;--border-soft:#e1e4ec;--border-strong:#cbd1dd;--text-main:#111827;--text-muted:#6b7280;--accent:#2dd4bf;--accent-dark:#0d9488;--shadow-card:0 20px 45px #94a3b840;--radius-md:18px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:radial-gradient(circle at 0 0,#fff 0,#f5f6f9 35%,#edf0f6 100%);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:0 20px}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);background:linear-gradient(#fffffff5,#f5f7fcf2);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.logo-wrap{align-items:center;gap:12px;display:flex}.logo-mark{background:radial-gradient(circle at 25% 0,#fff,#dfe3eb);border:1px solid #d4d9e2;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 8px 18px #0f172a1f,inset 0 0 0 1px #fffc}.logo-k{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.logo-text-main{letter-spacing:.03em;font-size:18px;font-weight:700}.logo-text-sub{color:var(--text-muted);font-size:11px}nav{color:#4b5563;align-items:center;gap:22px;font-size:14px;display:flex}nav a{padding:6px 0;position:relative}nav a:after{content:"";background:var(--accent-dark);border-radius:999px;width:0;height:2px;transition:width .18s ease-out;position:absolute;bottom:-4px;left:0}nav a:hover:after{width:100%}.nav-auth{gap:10px;margin-left:16px;display:flex}.btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:14px;transition:all .16s ease-out;display:inline-flex}.btn-ghost{border-color:var(--border-soft);background:#fff}.btn-ghost:hover{transform:translateY(-1px);box-shadow:0 10px 24px #94a3b85c}.btn-accent{border-color:var(--border-strong);color:var(--accent-dark);background:#fff;font-weight:500}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 12px 30px #2dd4bf73}main{padding:42px 0 70px}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px;margin-bottom:52px;display:grid}@media (max-width:960px){.hero{grid-template-columns:minmax(0,1fr)}}.hero-text h1{margin-bottom:10px;font-size:clamp(34px,4.4vw,42px);line-height:1.05}.hero-text h2{color:#1f2937;margin-bottom:18px;font-size:20px;font-weight:500}.hero-text p{color:var(--text-muted);max-width:500px;margin-bottom:22px;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.hero-note{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.hero-note-icon{border:1px solid var(--border-strong);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-image-frame{background:radial-gradient(circle at 10% 0,#fff,#dde2ec);border:1px solid #d1d5dbe6;border-radius:40px;justify-content:center;align-items:center;width:280px;height:280px;display:flex;overflow:hidden;box-shadow:0 40px 70px #0f172a59}.hero-image-frame img{border-radius:32px;max-width:100%;max-height:100%;display:block}.section{margin-top:40px}.section h3{margin-bottom:18px;font-size:22px}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}@media (max-width:960px){.how-grid{grid-template-columns:minmax(0,1fr)}}.how-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #e2e8f0f2;padding:20px 20px 22px;position:relative;overflow:hidden}.how-card:before{content:"";border-radius:inherit;opacity:.85;z-index:0;background:linear-gradient(to bottom right,#fffffff5,#f3f4f6e0);position:absolute;inset:0}.how-card-inner{z-index:1;position:relative}.how-icon{border:1px solid var(--border-strong);width:30px;height:30px;color:var(--accent-dark);background:linear-gradient(145deg,#fff,#eef1f6);border-radius:999px;justify-content:center;align-items:center;margin-bottom:10px;font-size:14px;display:flex;box-shadow:0 9px 20px #94a3b859,inset 0 0 0 1px #ffffffe6}.how-card h4{margin-bottom:6px;font-size:16px}.how-card p{color:var(--text-muted);font-size:14px;line-height:1.6}footer{border-top:1px solid var(--border-soft);color:#6b7280;background:linear-gradient(#f7f8fb,#e9ecf3);margin-top:52px;padding:16px 0 26px;font-size:12px}footer .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}