:root{--bg:#060916;--surface:rgba(16,23,43,.82);--line:rgba(165,180,252,.14);--text:#f6f7ff;--muted:#929db7;--blue:#7187ff;--cyan:#32dfdc}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.8 "Plus Jakarta Sans Variable","Plus Jakarta Sans",Manrope,Inter,system-ui,sans-serif;background:radial-gradient(circle at 82% 0,rgba(101,120,255,.2),transparent 30%),radial-gradient(circle at 8% 38%,rgba(168,121,255,.09),transparent 27%),linear-gradient(145deg,#070b18,#050711 52%,#080b19);-webkit-font-smoothing:antialiased}nav,main,footer{width:min(900px,calc(100% - 40px));margin:auto}nav{position:sticky;top:14px;z-index:5;height:72px;margin-top:14px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:18px;background:rgba(9,13,27,.76);box-shadow:0 18px 52px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(22px)}nav a,footer a{color:#8da2ff;text-decoration:none;transition:.2s ease}nav a:hover,footer a:hover{color:#fff}.brand{color:#fff;font:750 17px Manrope,"Plus Jakarta Sans Variable",sans-serif;letter-spacing:-.02em}main{padding:92px 0 80px}header{margin-bottom:54px}.eyebrow{display:inline-flex;padding:7px 11px;color:#76ebe6;border:1px solid rgba(50,223,220,.17);border-radius:999px;background:rgba(50,223,220,.05);font-size:9px;font-weight:800;letter-spacing:.18em}h1,h2{font-family:Manrope,"Plus Jakarta Sans Variable",sans-serif;color:var(--text)}h1{max-width:760px;margin:20px 0 18px;font-size:clamp(43px,8vw,72px);line-height:1;letter-spacing:-.06em}header p{max-width:680px;margin:0;color:#a4aec6;font-size:17px}.card{position:relative;margin:16px 0;padding:29px 32px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(18,26,49,.85),rgba(9,14,28,.78));box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.card:after{content:"";position:absolute;width:100px;height:100px;right:-55px;top:-55px;border-radius:50%;background:var(--blue);opacity:.08;filter:blur(18px)}.card:hover{border-color:rgba(129,140,248,.26);transform:translateY(-2px);box-shadow:0 24px 58px rgba(0,0,0,.29)}h2{margin:0 0 8px;font-size:20px;letter-spacing:-.025em}.card p{margin:0;color:var(--muted)}.card p+p{margin-top:10px}.button{display:inline-flex;min-height:46px;margin-top:18px;padding:0 19px;align-items:center;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:linear-gradient(135deg,#7187ff,#725fe9);box-shadow:0 15px 35px rgba(101,120,255,.27);font-weight:750;text-decoration:none}.button:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(101,120,255,.36)}code{padding:3px 7px;color:#78e7e1;border:1px solid rgba(50,223,220,.13);border-radius:6px;background:rgba(50,223,220,.05)}footer{display:flex;justify-content:space-between;padding:34px 0;border-top:1px solid var(--line);color:#6e7a95;font-size:11px}@media(max-width:600px){nav{width:calc(100% - 24px)}main{width:calc(100% - 30px);padding:65px 0}.card{padding:23px}footer{display:block}footer span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:after{transition:none!important}}