:root{--bg: #eef5ff;--bg-accent: #d9eaff;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--text: #10233f;--muted: #4d678a;--accent: #1f6fe5;--accent-dark: #0e4eb1;--border: rgba(16, 35, 63, .12);--shadow: 0 24px 60px rgba(31, 91, 181, .16);--radius-xl: 28px;--radius-lg: 20px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(31,111,229,.2),transparent 28%),radial-gradient(circle at right,rgba(91,179,255,.18),transparent 26%),linear-gradient(135deg,var(--bg) 0%,#f8fbff 48%,var(--bg-accent) 100%)}button,input,textarea,pre,code{font:inherit}button{cursor:pointer}.layout{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.hero{margin-bottom:28px;padding:42px 42px 36px;border:1px solid rgba(16,35,63,.08);border-radius:32px;background:linear-gradient(135deg,#0d52c4fa,#499affeb);color:#fff;box-shadow:0 28px 80px #0f4baf3d;overflow:hidden;position:relative}.hero:before,.hero:after{content:"";position:absolute;border-radius:999px;background:#ffffff1f}.hero:before{width:280px;height:280px;top:-120px;right:-40px}.hero:after{width:180px;height:180px;bottom:-70px;left:32px}.eyebrow,.hero h1,.lead{position:relative;z-index:1}.eyebrow{display:inline-flex;margin:0 0 18px;padding:8px 14px;border-radius:999px;background:#ffffff24;color:#ffffffeb;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:11ch;margin:0;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.95;letter-spacing:-.05em}.lead{max-width:720px;margin:18px 0 0;color:#ffffffdb;font-size:1.08rem;line-height:1.7}.panel{display:grid;gap:22px;padding:22px;border:1px solid rgba(16,35,63,.08);border-radius:30px;background:#ffffffb8;box-shadow:0 30px 80px #1a5cb524;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}