:root{--ink:#160B30;--deep:#24124A;--plum:#42307D;--violet:#9E77ED;--lilac:#D6BBFB;--mist:#E9D7FE;--green:#32D583;--mint:#6CE9A6;--muted:#A99BD1;
--serif:Georgia,'Times New Roman',serif;--sans:system-ui,'Segoe UI',-apple-system,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%;display:flex;flex-direction:column;font-family:var(--sans);color:#fff;
background:radial-gradient(900px 600px at 78% 45%,#3E2178 0%,var(--deep) 50%,var(--ink) 100%);background-color:var(--ink);
padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
a:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:4px}

/* Header */
.uk-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;padding:24px clamp(20px,5vw,72px)}
.uk-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.uk-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--green));display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ink)}
.uk-name{font-weight:700;font-size:22px;letter-spacing:.5px}
.uk-badge{font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 9px;border-radius:10px;border:1px solid rgba(108,233,166,.55);color:var(--mint)}
.uk-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 36px;font-size:15px}
.uk-nav a{color:var(--mist);text-decoration:none;transition:color .15s ease}
.uk-nav a:hover,.uk-nav a[aria-current="page"]{color:var(--mint)}
.uk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}

/* Buttons: sentence case, semibold, no letter spacing */
.uk-pill{display:inline-flex;align-items:center;gap:12px;height:42px;padding:0 20px;border-radius:21px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
.uk-pill:hover{transform:translateY(-2px)}
.uk-outline{border:1.5px solid rgba(255,255,255,.75);color:#fff}
.uk-outline:hover{background:rgba(255,255,255,.08)}
.uk-green{background:var(--green);color:var(--ink);padding-right:6px}
.uk-green:hover{background:var(--mint)}
.uk-arrow{width:30px;height:30px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.uk-cta{height:54px;border-radius:27px;padding:0 7px 0 26px;font-size:16px;gap:14px}
.uk-cta .uk-arrow{width:40px;height:40px}

/* Footer */
.uk-footer{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:20px clamp(20px,5vw,72px) 28px;font-size:13px;color:var(--muted)}

/* Info pages */
.uk-page{width:100%;max-width:760px;padding:24px clamp(20px,5vw,72px) 56px;margin:0 auto}
.uk-page h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,5vw,44px);line-height:1.15;margin:16px 0 24px}
.uk-page h2{font-family:var(--serif);font-weight:400;font-size:24px;margin:36px 0 10px;color:#fff}
.uk-page p,.uk-page li{font-size:17px;line-height:1.7;color:var(--mist)}
.uk-page ul{padding-left:22px}
.uk-page a{color:var(--mint)}
.uk-back{font-size:14px;color:var(--mint);text-decoration:none}
.uk-note{border-left:3px solid var(--mint);padding:4px 0 4px 16px;margin:24px 0}

@media (prefers-reduced-motion: reduce){.uk-pill{transition:none}.uk-pill:hover{transform:none}}