:root {
        --bg-base: #000000;
        --bg-surface: #111111;
        --bg-surface-elevated: #1a1a1a;

        --text-primary: #ffffff;
        --text-secondary: #94a3b8;
        --text-muted: #64748b;

        --accent-green: #00d632;
        --accent-green-hover: #00e636;
        --accent-green-glow: rgba(0, 214, 50, 0.25);

        --border-light: rgba(255, 255, 255, 0.08);
        --border-hover: rgba(255, 255, 255, 0.15);

        --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

        --radius-sm: 8px;
        --radius-md: 16px;
        --radius-lg: 24px;
        --radius-xl: 32px;

        --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        --transition-fast: all 0.2s ease-out;
      }

      *,
      *::before,
      *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      .iti__country-name{
        color: #000 !important;
      }
      .form-group .iti__tel-input{
        width: 100% !important;
      }
      html {
        scroll-behavior: smooth;
        background-color: var(--bg-base);
      }
      body {
        font-family: var(--font-sans);
        color: var(--text-primary);
        line-height: 1.6;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
      }
      a {
        text-decoration: none;
        color: inherit;
      }
      ul,
      ol {
        list-style: none;
      }
      img,
      svg {
        display: block;
        max-width: 100%;
      }
      button,
      input,
      textarea {
        font-family: inherit;
        border: none;
        outline: none;
        background: none;
      }

      /* ==========================================================================
           BACKGROUND EFFECTS & GLOWS
           ========================================================================== */
      .noise-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        pointer-events: none;
        z-index: 9999;
        opacity: 0.03;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
      }
      .cursor-glow {
        position: fixed;
        top: -150px;
        left: -150px;
        width: 300px;
        height: 300px;
        background: radial-gradient(circle, var(--accent-green-glow) 0%, transparent 70%);
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
        filter: blur(40px);
        transition: transform 0.1s ease-out;
        will-change: transform;
      }
      .ambient-light-1 {
        position: absolute;
        top: -10%;
        right: -5%;
        width: 50vw;
        height: 50vw;
        background: radial-gradient(circle, rgba(0, 214, 50, 0.08) 0%, transparent 60%);
        border-radius: 50%;
        filter: blur(80px);
        z-index: 0;
      }
      .ambient-light-2 {
        position: absolute;
        bottom: -10%;
        left: -10%;
        width: 40vw;
        height: 40vw;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.03) 0%, transparent 60%);
        border-radius: 50%;
        filter: blur(80px);
        z-index: 0;
      }

      .container {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 24px;
        position: relative;
        z-index: 10;
      }
      .text-gradient {
        background: linear-gradient(135deg, #ffffff 0%, #a1a1aa 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      /* ==========================================================================
           HEADER
           ========================================================================== */
      .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        transition: var(--transition-smooth);
        border-bottom: 1px solid transparent;
      }
      .header.scrolled {
        background: rgba(0, 0, 0, 0.85);
        backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--border-light);
        padding: 10px 0;
      }
      .header-top-line {
        height: 3px;
        width: 100%;
        background: var(--accent-green);
      }
      .header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        transition: var(--transition-smooth);
        gap: 16px;
      }
      .header.scrolled .header-inner {
        height: 60px;
      }
      .logo {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 22px;
        font-weight: 800;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .logo span.sub {
        display: block;
        font-size: 9px;
        font-weight: 500;
        color: var(--text-muted);
        letter-spacing: 1px;
        margin-top: 2px;
      }
      .nav-links {
        display: flex;
        align-items: center;
        gap: 32px;
      }
      .nav-link {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-secondary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: var(--transition-fast);
        position: relative;
      }
      .nav-link:hover {
        color: var(--text-primary);
      }
      .nav-link::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0%;
        height: 2px;
        background: var(--accent-green);
        transition: var(--transition-fast);
      }
      .nav-link:hover::after {
        width: 100%;
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 14px 28px;
        border-radius: var(--radius-sm);
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        transition: var(--transition-smooth);
        text-align: center;
        text-transform: uppercase;
      }
      .btn-primary {
        background: var(--accent-green);
        color: #000000;
        box-shadow: 0 4px 14px var(--accent-green-glow);
        position: relative;
        overflow: hidden;
      }
      .btn-primary:hover {
        transform: translateY(-2px);
        background: var(--accent-green-hover);
        box-shadow: 0 6px 20px var(--accent-green-glow);
      }

      /* ==========================================================================
           HERO SECTION
           ========================================================================== */
      .hero {
        position: relative;
        padding-top: 180px;
        padding-bottom: 120px;
        min-height: 100vh;
        display: flex;
        align-items: center;
        background: radial-gradient(circle at 10% 20%, rgba(0, 214, 50, 0.05) 0%, transparent 40%);
      }
      .hero-grid {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 60px;
        align-items: center;
      }
      .alert-badge {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: rgba(0, 214, 50, 0.05);
        border: 1px solid rgba(0, 214, 50, 0.2);
        color: var(--accent-green);
        padding: 8px 16px;
        border-radius: 100px;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 32px;
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .hero-title {
        font-size: clamp(40px, 5vw, 68px);
        font-weight: 800;
        line-height: 1.05;
        margin-bottom: 32px;
        letter-spacing: -2px;
      }
      .hero-desc {
        font-size: clamp(16px, 1.5vw, 20px);
        color: var(--text-secondary);
        margin-bottom: 48px;
        max-width: 90%;
        line-height: 1.6;
      }
      .hero-desc strong {
        color: var(--text-primary);
      }
      .hero-cta-wrapper {
        display: flex;
        align-items: center;
        gap: 24px;
      }

      /* 3D Floating Card in Hero */
      .hero-card-container {
        perspective: 1000px;
      }
      .crypto-card {
        background: linear-gradient(145deg, #151921 0%, #0d1015 100%);
        border: 1px solid var(--border-light);
        border-radius: var(--radius-lg);
        padding: 32px;
        box-shadow:
          0 24px 48px rgba(0, 0, 0, 0.5),
          inset 0 1px 0 rgba(255, 255, 255, 0.1);
        position: relative;
        transform-style: preserve-3d;
        animation: floatCard 6s ease-in-out infinite;
      }
      .crypto-card::before {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        background: linear-gradient(45deg, #0055a4, transparent, #ef4135);
        z-index: -1;
        border-radius: calc(var(--radius-lg) + 1px);
        opacity: 0.5;
      }
      .cc-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
      }

      .cc-flag {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 700;
        font-size: 14px;
        color: var(--text-primary);
      }
      
      .flag-icon {
        width: 24px;
        height: 16px;
        border-radius: 2px;
        background-color: #012169; /* Цвет фона на случай, если SVG не загрузится */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clipPath%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23C8102E' stroke-width='4' clip-path='url(%23t)' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/svg%3E");
        background-size: cover;
        background-position: center;
      }

      .cc-status {
        background: var(--accent-green-glow);
        color: var(--accent-green);
        padding: 6px 12px;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.5px;
        border: 1px solid rgba(43, 213, 118, 0.3);
      }
      .cc-account-name {
        font-size: 20px;
        font-weight: 600;
        color: var(--text-secondary);
        margin-bottom: 8px;
      }
      .cc-amount {
        font-size: 56px;
        font-weight: 800;
        line-height: 1;
        margin-bottom: 32px;
        display: flex;
        align-items: baseline;
        gap: 12px;
      }
      .cc-currency {
        font-size: 32px;
        color: var(--text-muted);
      }
      .cc-progress-bg {
        height: 6px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 10px;
        margin-bottom: 24px;
        overflow: hidden;
      }
      .cc-progress-fill {
        height: 100%;
        background: linear-gradient(90deg, #00247D 0%, #ffffff 50%, #CF142B 100%);
        width: 0%;
        border-radius: 10px;
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.15);
        transition: width 2s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .cc-footer {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-top: 1px solid var(--border-light);
        padding-top: 24px;
      }
      .cc-label {
        font-size: 14px;
        color: var(--text-muted);
      }
      .cc-profit {
        font-size: 24px;
        font-weight: 700;
        color: var(--accent-green);
      }

      /* ==========================================================================
           BENTO GRID
           ========================================================================== */
      .section {
        padding: 120px 0;
        position: relative;
      }
      .section-header {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 64px;
      }
      .section-title {
        font-size: clamp(32px, 4vw, 48px);
        font-weight: 800;
        margin-bottom: 24px;
        letter-spacing: -1px;
      }
      .section-subtitle {
        font-size: 18px;
        color: var(--text-secondary);
      }
      .bento-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }
      .bento-card {
        background: var(--bg-surface);
        padding: 40px;
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-light);
        transition: var(--transition-smooth);
        position: relative;
      }
      .bento-card:hover {
        transform: translateY(-8px);
        border-color: var(--accent-green);
        background: var(--bg-surface-elevated);
      }
      .bento-icon {
        width: 56px;
        height: 56px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
        color: var(--text-primary);
        font-size: 24px;
        font-weight: 800;
      }
      .bento-title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 16px;
      }
      .bento-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .bento-list p {
        font-size: 16px;
        color: var(--text-secondary);
        line-height: 1.6;
      }

      /* ==========================================================================
           FAQ CARDS
           ========================================================================== */
      .faq-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-top: 60px;
      }
      .faq-card {
        background: var(--bg-surface);
        border: 1px solid var(--border-light);
        border-radius: var(--radius-lg);
        padding: 30px;
        transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
        display: flex;
        flex-direction: column;
      }
      .faq-card:hover {
        transform: translateY(-5px);
        border-color: var(--accent-green);
        box-shadow: 0 10px 30px rgba(0, 214, 50, 0.08);
      }
      .faq-question {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 16px;
        color: var(--text-primary);
      }
      .faq-answer {
        font-size: 16px;
        color: var(--text-secondary);
        line-height: 1.6;
        flex-grow: 1;
      }

      /* ==========================================================================
           HOW IT WORKS (STEPS)
           ========================================================================== */
      .steps-container {
        display: flex;
        flex-direction: column;
        gap: 24px;
        max-width: 900px;
        margin: 0 auto;
      }
      .step-item {
        display: flex;
        align-items: flex-start;
        gap: 32px;
        background: var(--bg-surface);
        padding: 40px;
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-light);
        transition: var(--transition-smooth);
      }
      .step-item:hover {
        border-color: var(--accent-green);
        transform: translateX(10px);
        background: var(--bg-surface-elevated);
      }
      .step-number {
        font-size: 48px;
        font-weight: 900;
        color: transparent;
        -webkit-text-stroke: 1px var(--border-hover);
        line-height: 0.8;
        transition: var(--transition-smooth);
      }
      .step-item:hover .step-number {
        color: var(--accent-green);
        -webkit-text-stroke: 0;
        text-shadow: 0 0 20px var(--accent-green-glow);
      }
      .step-content h3 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 12px;
        color: var(--text-primary);
      }
      .step-content p {
        font-size: 16px;
        color: var(--text-secondary);
        line-height: 1.6;
      }

      /* ==========================================================================
           TERMINAL BOX (TELEMETRY)
           ========================================================================== */
      .terminal-box {
        background: #0a0a0a;
        border: 1px solid #333;
        border-radius: var(--radius-md);
        padding: 30px;
        font-family: 'Courier New', Courier, monospace;
        color: var(--accent-green);
        box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
        max-width: 800px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.8;
        overflow: hidden;
      }
      .terminal-line {
        margin-bottom: 8px;
        opacity: 0.9;
      }
      .terminal-header {
        color: var(--text-muted);
        margin-bottom: 20px;
        border-bottom: 1px dashed #333;
        padding-bottom: 10px;
        font-size: 12px;
      }

      /* ==========================================================================
           REGISTRATION FORM
           ========================================================================== */
      .registration-section {
        background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-color: #07090d;
        border-top: 1px solid var(--border-light);
        border-bottom: 1px solid var(--border-light);
        position: relative;
      }
      .form-container {
        max-width: 600px;
        margin: 0 auto;
        background: var(--bg-surface);
        padding: 56px 48px;
        border-radius: var(--radius-xl);
        border: 1px solid var(--accent-green-glow);
        box-shadow:
          0 30px 60px rgba(0, 0, 0, 0.5),
          0 0 40px rgba(0, 214, 50, 0.05);
        position: relative;
        z-index: 2;
      }
      .form-header {
        text-align: center;
        margin-bottom: 40px;
      }
      .form-header h2 {
        font-size: 32px;
        font-weight: 800;
        margin-bottom: 16px;
      }
      .form-header p {
        color: var(--text-secondary);
        font-size: 15px;
      }
      .form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 24px;
      }
      .form-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .form-group.full-width {
        grid-column: 1 / -1;
      }
      .form-input {
        background: rgba(0, 0, 0, 0.4);
        border: 1px solid var(--border-light);
        padding: 16px 20px;
        border-radius: var(--radius-sm);
        color: var(--text-primary);
        font-size: 16px;
        transition: var(--transition-fast);
      }
      .form-input:focus {
        border-color: var(--accent-green);
        box-shadow: 0 0 0 4px rgba(0, 214, 50, 0.1);
      }
      .form-submit {
        width: 100%;
        padding: 20px;
        font-size: 18px;
        margin-top: 16px;
      }

      /* ==========================================================================
           FOOTER & ANIMATIONS
           ========================================================================== */
      .footer {
        background: var(--bg-base);
        padding: 80px 0 40px;
        border-top: 1px solid var(--border-light);
      }
      .reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .reveal.active {
        opacity: 1;
        transform: translateY(0);
      }
      @keyframes floatCard {
        0% {
          transform: translateY(0px) rotateX(2deg) rotateY(-2deg);
        }
        50% {
          transform: translateY(-20px) rotateX(-2deg) rotateY(2deg);
        }
        100% {
          transform: translateY(0px) rotateX(2deg) rotateY(-2deg);
        }
      }

      /* RESPONSIVE */
      @media (max-width: 1024px) {
        .hero-grid {
          grid-template-columns: 1fr;
          text-align: center;
          gap: 80px;
        }
        .hero-cta-wrapper {
          justify-content: center;
        }
        .bento-grid, .faq-grid {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 768px) {
        .header-inner {
          height: 64px;
          gap: 8px;
        }
        .logo {
          font-size: 18px;
          gap: 6px;
        }
        .logo span.sub {
          display: none;
        }
        .nav-links {
          display: none;
        }
        .header-actions .btn.header-btn {
          padding: 10px 14px;
          font-size: 12px;
        }
        .form-container {
          padding: 40px 24px;
        }
        .form-grid {
          grid-template-columns: 1fr;
        }
        .steps-container {
          gap: 16px;
        }
        .step-item {
          flex-direction: column;
          gap: 16px;
          padding: 24px;
        }
      }
      .hero-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 32px;
      }
      .hero-tags .tag {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        color: var(--text-secondary);
      }
      @media (max-width: 1024px) {
          .hero-tags {
              justify-content: center;
          }
      }
    

      /* Cookie banner */
      .cookie-banner {
        position: fixed;
        left: 24px;
        right: 24px;
        bottom: 24px;
        z-index: 10000;
        max-width: 980px;
        margin: 0 auto;
        padding: 18px;
        border: 1px solid var(--border-light);
        border-radius: var(--radius-md);
        background: rgba(17, 17, 17, 0.96);
        backdrop-filter: blur(18px);
        box-shadow: 0 20px 80px rgba(0,0,0,0.35);
        display: none;
        gap: 16px;
        align-items: center;
        justify-content: space-between;
      }
      .cookie-banner.show { display: flex; }
      .cookie-banner p { color: var(--text-secondary); font-size: 13px; line-height: 1.5; margin: 0; }
      .cookie-banner strong { color: var(--text-primary); }
      .cookie-actions { display: flex; gap: 10px; flex-shrink: 0; }
      .cookie-btn {
        padding: 10px 16px;
        border-radius: 999px;
        cursor: pointer;
        font-weight: 700;
        font-size: 13px;
        border: 1px solid var(--border-light);
        color: var(--text-primary);
        transition: var(--transition-fast);
      }
      .cookie-btn.accept { background: var(--accent-green); color: #000; border-color: var(--accent-green); }
      .cookie-btn:hover { transform: translateY(-1px); border-color: var(--border-hover); }
      @media (max-width: 700px) {
        .cookie-banner { left: 14px; right: 14px; bottom: 14px; flex-direction: column; align-items: flex-start; }
        .cookie-actions { width: 100%; }
        .cookie-btn { width: 100%; }
      }


@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

/* Legal and compliance pages */
.legal-hero{padding:150px 0 48px;background:radial-gradient(circle at top,rgba(0,214,50,.12),transparent 44%),var(--bg-base)}
.legal-hero h1{font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-.05em;margin-bottom:18px;color:var(--text-primary)}
.legal-hero p{max-width:850px;color:var(--text-secondary);font-size:18px;line-height:1.7}
.legal-layout{padding:42px 0 90px;background:var(--bg-base)}
.legal-card{max-width:980px;margin:0 auto;padding:36px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:rgba(17,17,17,.78);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.legal-card h2{font-size:28px;letter-spacing:-.03em;color:var(--text-primary);margin:34px 0 12px}.legal-card h2:first-child{margin-top:0}
.legal-card h3{font-size:19px;color:var(--text-primary);margin:24px 0 10px}.legal-card p,.legal-card li{color:var(--text-secondary);font-size:15.5px;line-height:1.8}.legal-card ul{padding-left:22px;margin:10px 0 18px}.legal-meta{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--border-light);border-radius:999px;color:var(--text-muted);font-size:12px;margin-bottom:24px}.legal-note{padding:18px;border-radius:16px;border:1px solid rgba(0,214,50,.18);background:rgba(0,214,50,.055);margin:20px 0}.footer-nav a:hover{color:var(--text-primary)!important}
.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:9999;display:none;max-width:980px;margin:0 auto;padding:18px;border:1px solid var(--border-light);border-radius:20px;background:rgba(17,17,17,.96);box-shadow:0 20px 70px rgba(0,0,0,.45);backdrop-filter:blur(14px)}.cookie-banner.show{display:block}.cookie-banner p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.cookie-actions button{border:1px solid var(--border-light);border-radius:999px;padding:10px 14px;background:transparent;color:var(--text-primary);cursor:pointer}.cookie-actions button:first-child{background:var(--accent-green);color:#000;border-color:var(--accent-green)}
@media(max-width:720px){.legal-card{padding:24px}.legal-hero{padding-top:120px}.footer-nav{gap:10px!important}.cookie-banner{left:12px;right:12px;bottom:12px}}