/* =========================================================
   COOKIE POLICY PAGE
   Uses the established Capital Chain legal-page treatment.
   ========================================================= */

.cookie-policy-page{
  position:relative;
  padding:0 0 132px;
  background:#0b0d0f;
}

.cookie-policy-hero{
  position:relative;
  width:100%;
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
}

.cookie-policy-hero-ambient{
  position:absolute;
  z-index:-1;
  inset:-70px 11% -34px;
  pointer-events:none;
  background:
    radial-gradient(
      circle at 50% 25%,
      rgba(2,81,255,.22) 0%,
      rgba(2,81,255,.09) 28%,
      rgba(2,81,255,0) 64%
    );
  filter:blur(8px);
}

.cookie-policy-hero-title{
  position:relative;
  z-index:2;
  margin:0;
  color:#f7f7f8;
  font-size:76px;
  line-height:1;
  letter-spacing:-3.4px;
  font-weight:600;
  text-align:center;
}

.cookie-policy-floater{
  position:absolute;
  z-index:1;
  pointer-events:none;
  will-change:transform;
}

.cookie-policy-floater img{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
}

.cookie-policy-floater-left{
  left:max(9vw,115px);
  top:69px;
  width:205px;
  animation:cookiePolicyFloatLeft 6.6s ease-in-out infinite;
}

.cookie-policy-floater-left img{
  animation:cookiePolicyTwinkle 3.4s ease-in-out infinite;
}

.cookie-policy-floater-right{
  right:max(8vw,105px);
  top:51px;
  width:180px;
  animation:cookiePolicyFloatRight 6.9s ease-in-out infinite;
}

.cookie-policy-floater-right img{
  animation:cookiePolicyCoinGlow 4.8s ease-in-out infinite;
}

.cookie-policy-card{
  overflow:hidden;
  border-radius:24px;
  background:#0d121c;
}

.cookie-policy-copy{
  padding:68px 60px 72px;
}

.cookie-policy-section{
  margin-top:46px;
}

.cookie-policy-section:first-child{
  margin-top:0;
}

.cookie-policy-section h2{
  margin:0 0 24px;
  color:#f5f5f6;
  font-size:34px;
  line-height:1.15;
  letter-spacing:-1.25px;
  font-weight:600;
}

.cookie-policy-section h3{
  margin:0 0 12px;
  color:#f1f3f5;
  font-size:22px;
  line-height:1.25;
  letter-spacing:-.65px;
  font-weight:600;
}

.cookie-policy-section p,
.cookie-policy-section li{
  color:#cdd0d5;
  font-size:19px;
  line-height:1.62;
  letter-spacing:-.12px;
}

.cookie-policy-section p{
  margin:0 0 24px;
}

.cookie-policy-section p:last-child{
  margin-bottom:0;
}

.cookie-policy-section ul{
  margin:22px 0 0;
  padding-left:24px;
}

.cookie-policy-section li{
  margin:8px 0;
}

.cookie-policy-section a{
  color:#e7efff;
  text-decoration:underline;
  text-decoration-color:rgba(74,127,255,.55);
  text-underline-offset:4px;
}

.cookie-policy-section a:hover{
  color:#fff;
}

.cookie-policy-intro h2{
  margin-bottom:8px;
}

.cookie-policy-updated{
  margin-top:0!important;
  color:#9b9fa7!important;
  font-size:15px!important;
}

.cookie-policy-updated span{
  margin-left:5px;
}

.cookie-policy-section code{
  padding:3px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#111824;
  color:#a8c4ff;
  font-size:.88em;
}

/* Category cards */
.cookie-policy-category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:30px 0 4px;
}

.cookie-policy-category{
  min-height:240px;
  padding:27px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
  background:
    radial-gradient(circle at 10% 0%,rgba(2,81,255,.08),transparent 34%),
    #101620;
}

.cookie-policy-category>span{
  display:block;
  margin-bottom:24px;
  color:#4b86ff;
  font-size:11px;
  line-height:1;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.cookie-policy-category p{
  margin:0;
  color:#aeb5bf;
  font-size:15px;
  line-height:1.66;
}

/* Cookie table */
.cookie-policy-table-wrap{
  margin:30px 0;
  overflow-x:auto;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:#0f151f;
}

.cookie-policy-table{
  min-width:790px;
}

.cookie-policy-table-head,
.cookie-policy-table-row{
  display:grid;
  grid-template-columns:1.35fr 2.25fr 1fr 1fr;
  gap:22px;
  align-items:start;
}

.cookie-policy-table-head{
  padding:16px 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#111824;
}

.cookie-policy-table-head span{
  color:#858e9a;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cookie-policy-table-row{
  padding:22px 20px;
}

.cookie-policy-table-row strong,
.cookie-policy-table-row span{
  color:#e6e9ee;
  font-size:14px;
  line-height:1.55;
}

.cookie-policy-table-row p{
  margin:0;
  color:#adb4be;
  font-size:14px;
  line-height:1.6;
}

/* Preferences callout */
.cookie-policy-preferences-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:center;
  margin-top:30px;
  padding:28px 30px;
  border:1px solid rgba(2,81,255,.24);
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 4%,rgba(2,81,255,.12),transparent 34%),
    #101620;
}

.cookie-policy-preferences-box h3{
  margin-bottom:8px;
}

.cookie-policy-preferences-box p{
  max-width:680px;
  margin:0;
  color:#aeb5bf;
  font-size:15px;
  line-height:1.6;
}

.cookie-policy-preferences-box .button{
  white-space:nowrap;
}

/* Related links */
.cookie-policy-related-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.cookie-policy-related-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:#111720;
  color:#d7dce4;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
}

.cookie-policy-related-links a:hover{
  color:#fff;
  border-color:rgba(2,81,255,.30);
}

.cookie-policy-cta{
  padding-top:0;
}

@keyframes cookiePolicyFloatLeft{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}
  50%{transform:translate3d(7px,-13px,0) rotate(1.2deg)}
}

@keyframes cookiePolicyFloatRight{
  0%,100%{transform:translate3d(0,0,0) rotate(.8deg)}
  50%{transform:translate3d(-5px,-15px,0) rotate(-1.4deg)}
}

@keyframes cookiePolicyTwinkle{
  0%,100%{
    opacity:.78;
    filter:brightness(.94) drop-shadow(0 0 0 rgba(255,255,255,0));
  }
  50%{
    opacity:1;
    filter:brightness(1.18) drop-shadow(0 0 9px rgba(255,255,255,.12));
  }
}

@keyframes cookiePolicyCoinGlow{
  0%,100%{
    filter:brightness(.97) drop-shadow(0 10px 18px rgba(2,81,255,.08));
  }
  50%{
    filter:brightness(1.08) drop-shadow(0 14px 24px rgba(2,81,255,.17));
  }
}

@media(max-width:1100px){
  .cookie-policy-hero{
    height:270px;
  }

  .cookie-policy-hero-title{
    font-size:64px;
  }

  .cookie-policy-floater-left{
    left:5vw;
    width:175px;
  }

  .cookie-policy-floater-right{
    right:4.5vw;
    width:158px;
  }

  .cookie-policy-copy{
    padding:58px 48px 64px;
  }

  .cookie-policy-section h2{
    font-size:31px;
  }

  .cookie-policy-section p,
  .cookie-policy-section li{
    font-size:18px;
  }
}

@media(max-width:720px){
  .cookie-policy-page{
    padding-bottom:80px;
  }

  .cookie-policy-hero{
    height:225px;
  }

  .cookie-policy-hero-title{
    font-size:42px;
    letter-spacing:-2px;
  }

  .cookie-policy-floater-left{
    left:-26px;
    top:66px;
    width:125px;
    opacity:.72;
  }

  .cookie-policy-floater-right{
    right:-20px;
    top:54px;
    width:120px;
    opacity:.9;
  }

  .cookie-policy-card{
    border-radius:18px;
  }

  .cookie-policy-copy{
    padding:38px 22px 46px;
  }

  .cookie-policy-section{
    margin-top:38px;
  }

  .cookie-policy-section h2{
    margin-bottom:18px;
    font-size:27px;
  }

  .cookie-policy-section h3{
    font-size:20px;
  }

  .cookie-policy-section p,
  .cookie-policy-section li{
    font-size:16px;
    line-height:1.65;
  }

  .cookie-policy-category-grid{
    grid-template-columns:1fr;
  }

  .cookie-policy-category{
    min-height:auto;
    padding:23px;
  }

  .cookie-policy-preferences-box{
    grid-template-columns:1fr;
    gap:20px;
    padding:23px;
  }

  .cookie-policy-preferences-box .button{
    width:max-content;
  }
}

@media(prefers-reduced-motion:reduce){
  .cookie-policy-floater-left,
  .cookie-policy-floater-left img,
  .cookie-policy-floater-right,
  .cookie-policy-floater-right img{
    animation:none!important;
  }
}