*, *::before, *::after { box-sizing: border-box; }

body {
    padding: 104px 20px 56px !important;
    background:
        radial-gradient(900px 520px at 50% -12%, rgba(0, 255, 136, .10), transparent 68%),
        #050810 !important;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: 14px clamp(20px, 5vw, 64px);
    border-bottom: 1px solid rgba(255,255,255,.07);
    background: rgba(5, 8, 16, .84);
    backdrop-filter: blur(22px) saturate(150%);
}

.site-logo { display: inline-flex; align-items: center; gap: 11px; color: #f5f8fb; font-size: 20px; font-weight: 800; letter-spacing: -.5px; text-decoration: none; border-bottom: 0 !important; }
.site-logo:hover { border-bottom: 0; }
.site-logo-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(0,255,136,.42); border-radius: 11px; background: linear-gradient(145deg, rgba(0,255,136,.16), rgba(11,18,33,.96)); box-shadow: 0 0 22px rgba(0,255,136,.14), inset 0 1px 0 rgba(255,255,255,.09); }
.site-logo-icon svg { width: 21px; height: 21px; }
.site-actions { display: flex; align-items: center; gap: 10px; }
.site-action { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; color: rgba(235,242,248,.78); font-size: 13px; font-weight: 700; text-decoration: none; }
.site-action:hover { color: #fff; border-color: rgba(0,255,136,.45); background: rgba(0,255,136,.08); }
.site-action.primary { border-color: rgba(0,255,136,.38); color: #06130d; background: linear-gradient(135deg,#00ff88,#00d96e); }
.site-action.primary:hover { color: #06130d; border-color: #00ff88; }

.legal-footer { max-width: 800px; margin: 26px auto 0; padding: 20px 4px 0; border-top: 1px solid rgba(255,255,255,.07); color: rgba(230,237,243,.42); font-size: 12px; text-align: center; }
.legal-footer a { color: #00ff88; border-bottom: 0; }
@media (max-width: 620px) {
    body { padding-top: 88px !important; }
    .site-header { min-height: 62px; padding: 11px 16px; }
    .site-logo { font-size: 17px; }
    .site-logo-icon { width: 32px; height: 32px; }
    .site-action { padding: 7px 10px; font-size: 12px; }
    .site-action:first-child { display: none; }
}