/* style.css */
:root{
    --bg: #0b1020;
    --bg-soft:#0f1630;
    --card:#121a3a;
    --text:#e7ecff;
    --muted:#b9c1ea;
    --brand:#4f7cff;
    --brand-2:#10b981;
    --accent:#a78bfa;
    --ring: rgba(79,124,255,.35);
    --radius: 16px;
    --shadow: 0 10px 30px rgba(0,0,0,.35);
    --container: 1200px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
    color:var(--text);
    background:
            radial-gradient(1000px 600px at 10% -20%, #1b2660 0%, transparent 60%),
            radial-gradient(800px 500px at 110% 10%, #1c355f 0%, transparent 60%),
            var(--bg);
    line-height:1.6;
}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--container);margin-inline:auto;padding:0 1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Skip link */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{
    position:fixed;left:1rem;top:1rem;width:auto;height:auto;padding:.5rem .75rem;
    background:#fff;color:#000;border-radius:.5rem;z-index:10000
}

/* Header */
.site-header{
    position:sticky;top:0;z-index:40;
    backdrop-filter:saturate(140%) blur(6px);
    background: rgba(11,16,32,.6);
    border-bottom:1px solid rgba(255,255,255,.06);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.1rem;color:var(--text)}
.brand:hover{text-decoration:none}
.brand-mark{
    display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;
    background: linear-gradient(135deg,var(--brand),var(--accent));
    box-shadow: 0 6px 18px rgba(79,124,255,.35);
    font-size:.9rem;font-weight:900;color:white;letter-spacing:.5px
}
.brand-text{letter-spacing:.2px}
.brand-country{color:var(--muted);font-weight:700}

.site-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.site-nav a{display:inline-block;padding:.5rem .75rem;border-radius:.6rem;color:var(--text)}
.site-nav a:hover{background:rgba(255,255,255,.06);text-decoration:none}

/* Burger */
.nav-toggle{display:none}
.nav-burger{display:none;cursor:pointer;padding:.5rem}
.nav-burger span{display:block;width:26px;height:2px;background:var(--text);margin:6px 0;transition:.2s}

/* Hero */
.hero{position:relative;isolation:isolate;padding: clamp(3rem, 5vw, 5rem) 0;border-bottom:1px solid rgba(255,255,255,.06)}
.hero-inner{display:grid;grid-template-columns: 1.15fr .85fr;gap:2rem;align-items:center}
.hero-copy h1{line-height:1.15;margin:.2rem 0 1rem;font-size:clamp(1.8rem,3vw,2.6rem)}
.lead{color:var(--muted);max-width:60ch}
.hero-actions{display:flex;gap:.75rem;margin:1rem 0 1.25rem}
.btn{
    display:inline-block;border-radius:.8rem;padding:.75rem 1rem;font-weight:700;
    border:1px solid transparent;transition:.2s;box-shadow: var(--shadow)
}
.btn-primary{background:linear-gradient(135deg,var(--brand),#6ea2ff);color:white}
.btn-primary:hover{transform:translateY(-1px)}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.18);color:var(--text)}
.btn-outline:hover{background:rgba(255,255,255,.06)}
.btn-small{padding:.55rem .8rem;border-radius:.6rem}

.hero-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}
.hero-bullets li{background:rgba(255,255,255,.04);padding:.6rem .75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06)}

.hero-art{position:relative;min-height:320px}
.ticket,.ball,.chip{
    position:absolute;border-radius:16px;box-shadow: var(--shadow);
    border:1px solid rgba(255,255,255,.12)
}
.ticket{right:0;bottom:0;transform:rotate(-6deg);
    background:linear-gradient(135deg,var(--card),#1c2550);
    color:#fff;padding:1rem 1.1rem;font-weight:900;letter-spacing:.6px
}
.ball{left:8%;bottom:6%;width:120px;height:120px;border-radius:50%;
    background: radial-gradient(circle at 30% 30%, #fff, #dbe4ff 35%, #aebdf7 70%, #7f8fe6);
}
.chip{right:10%;top:10%;width:160px;height:160px;border-radius:50%;
    background: conic-gradient(from 0deg, var(--brand), var(--accent), var(--brand));
    outline: 6px solid rgba(255,255,255,.08);
}

/* Sections */
.section{padding: clamp(2.5rem,5vw,4rem) 0}
.section.alt{background:linear-gradient(180deg, rgba(255,255,255,.02), transparent)}
h2{font-size:clamp(1.4rem,2.4vw,2rem);margin:.25rem 0 1rem}
.grid{display:grid;gap:1rem}
.cards-3{grid-template-columns:repeat(3,1fr)}
.cards-2{grid-template-columns:repeat(2,1fr)}
.card{
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    border-radius: var(--radius); padding:1.1rem
}

/* Steps */
.steps{grid-template-columns:repeat(3,1fr)}
.step{position:relative;padding:1.25rem;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius)}
.step-num{
    position:absolute;inset:auto 1rem 1rem auto;display:grid;place-items:center;
    width:34px;height:34px;border-radius:50%;
    background:linear-gradient(135deg,var(--brand),var(--accent));font-weight:800
}
.note{color:var(--muted);margin-top:1rem}

/* Responsible */
.responsible{background:linear-gradient(180deg, rgba(79,124,255,.08), rgba(16,185,129,.06))}
.ext:after{content:"↗"; margin-left:.35rem; opacity:.8}
.rg-logos{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.logo.tag{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:.4rem .6rem;border-radius:.6rem}
.age-badge{
    display:inline-grid;place-items:center;user-select:none;
    width:60px;height:60px;border-radius:50%;
    background:linear-gradient(135deg,#ef4444,#f59e0b);color:white;font-weight:900
}
.age-badge.sm{width:40px;height:40px;font-size:.9rem}

/* Auth */
.auth-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.auth-card{
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    border-radius: var(--radius); padding:1.1rem
}
.form{display:grid;gap:.8rem}
.field{display:grid;gap:.35rem}
label{font-weight:700}
input,button,select,textarea{
    font:inherit;color:inherit;background:#0d1430;border:1px solid rgba(255,255,255,.12);
    border-radius:.6rem;padding:.55rem .7rem
}
input:focus,button:focus,select:focus,textarea:focus{
    outline:2px solid var(--ring);outline-offset:2px
}
.checks{display:grid;gap:.5rem;margin:.25rem 0 .25rem}
.check{display:flex;gap:.5rem}
.form-note{color:var(--muted);font-size:.92rem}
.muted{color:var(--muted)}



/* Footer */
.site-footer{
    border-top:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.25);padding:1.25rem 0;margin-top:2rem
}
.footer-grid{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.site-footer nav{display:flex;gap:1rem}
.site-footer a{color:var(--muted)}


/* Responsive */
@media (max-width: 1024px){
    .hero-inner{grid-template-columns:1fr}
    .hero-art{min-height:220px}
    .cards-3{grid-template-columns:repeat(2,1fr)}
    .auth-grid{grid-template-columns:1fr}
    .cookie-inner{flex-direction:column;gap:.75rem}
}

@media (max-width: 760px){
    /* Mobile nav */
    .nav-burger{display:block}
    .site-nav{
        position:fixed;inset:64px 0 auto 0;background:rgba(11,16,32,.97);
        border-bottom:1px solid rgba(255,255,255,.06);
        transform:translateY(-120%); transition:.25s; padding:.75rem 1rem; z-index:35
    }
    .site-nav ul{flex-direction:column;gap:.25rem}
    .nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
    .nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
    .nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
    .nav-toggle:checked ~ .site-nav{transform:translateY(0)}
    .hero-bullets{grid-template-columns:1fr}
}
.articles {
    padding: 40px 20px;
    color: white;
}

.articles-title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 30px;
    color: #333;
}

.articles-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.article-item {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.article-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.article-title {
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.article-title a {
    text-decoration: none;
    color: #2563eb;
    transition: color 0.2s ease;
}

.article-title a:hover {
    color: #1d4ed8;
}

.article-excerpt {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.5;
}
.articles {
    padding: clamp(2.5rem, 5vw, 4rem) 0;
    background: linear-gradient(180deg, rgba(255,255,255,.02), transparent);
}

.articles-title {
    text-align: center;
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    margin: .25rem 0 2rem;
    color: var(--text);
}

.articles-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.article-item {
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.08);
    border-radius: var(--radius);
    padding: 1.1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.article-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}

.article-title {
    font-size: 1.1rem;
    margin: 0 0 .5rem;
    font-weight: 700;
}

.article-title a {
    color: var(--text);
    text-decoration: none;
    transition: color 0.2s ease;
}

.article-title a:hover {
    color: var(--brand);
    text-decoration: none;
}

.article-excerpt {
    font-size: 0.95rem;
    color: var(--muted);
    line-height: 1.5;
    margin: 0;
}
/* Mobile adjustments only */
@media (max-width: 900px){
    /* Header & nav */
    .nav-burger{display:block}
    .site-nav{
        position:fixed;
        left:0; right:0; top:64px;
        background:rgba(11,16,32,.97);
        border-bottom:1px solid rgba(255,255,255,.06);
        transform:translateY(-120%);
        transition:transform .25s ease;
        padding:.75rem 1rem;
        z-index:35;
        max-height:calc(100vh - 64px);
        overflow:auto;
        -webkit-overflow-scrolling:touch;
    }
    .site-nav ul{flex-direction:column; gap:.25rem}
    .site-nav a{padding:.9rem 1rem} /* bigger tap targets */

    .nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
    .nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
    .nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
    .nav-toggle:checked ~ .site-nav{transform:translateY(0)}

    /* Hero */
    .hero-inner{grid-template-columns:1fr; gap:1.25rem}
    .hero-actions{flex-direction:column; gap:.6rem}
    .hero-actions .btn{width:100%}
    .hero-bullets{grid-template-columns:1fr}
    .hero-art{min-height:200px}
    .ticket{padding:.75rem .9rem; font-size:.95rem}
    .ball{left:4%; bottom:4%; width:88px; height:88px}
    .chip{right:6%; top:6%; width:120px; height:120px}

    /* Sections & grids */
    .section{padding:2rem 0}
    .cards-3, .cards-2, .steps{grid-template-columns:1fr}

    /* Forms */
    .check{align-items:flex-start}
    .check input{margin-top:.2rem}
    input,button,select,textarea{padding:.7rem .85rem}

    /* Articles */
    .articles{padding:28px 16px}
    .articles-list{grid-template-columns:1fr}

    /* Footer */
    .footer-grid{flex-direction:column; align-items:flex-start; gap:.5rem}
}
/* Contact Info Block */
.contact-info {
    background: rgba(255,255,255,0.02);
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 2rem 0;
    font-size: 0.95rem;
    color: var(--text);
}

.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.contact-item {
    background: rgba(255,255,255,0.03);
    padding: 1rem;
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,0.06);
    line-height: 1.5;
}

.contact-item strong {
    color: var(--brand);
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .contact-info {
        padding: 1.5rem 0;
    }
    .contact-item {
        font-size: 0.9rem;
    }
}
/* Cookie Banner */
.cookie-banner{
    position:fixed; left:0; right:0; bottom:0; z-index:1000;
    background: rgba(11,16,32,.92);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow: 0 -10px 30px rgba(0,0,0,.35);
    backdrop-filter: saturate(140%) blur(6px);
}
.cookie-inner{
    display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;
    padding: 1rem 0;
}
.cookie-title{ margin:0 0 .25rem; font-size:1.15rem }
.cookie-text{ margin:.25rem 0 .75rem; color:var(--muted) }

.cookie-details{
    margin:.25rem 0 .5rem;
    background: rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:.6rem;
    overflow:hidden;
}
.cookie-details > summary{
    cursor:pointer; padding:.6rem .75rem; list-style:none; font-weight:700;
}
.cookie-details[open] > summary{ border-bottom:1px solid rgba(255,255,255,.08) }
.cookie-list{ margin:0; padding:.5rem .75rem .75rem; list-style:none; display:grid; gap:.5rem }
.cookie-cat-row{ display:flex; gap:.6rem; align-items:flex-start }
.cookie-cat-row input{ margin-top:.2rem }

.cookie-actions{
    display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; justify-content:flex-end;
}

/* Reopen (manage) floating button */
.cookie-manage{
    position:fixed; right:16px; bottom:16px; z-index:999;
    background: linear-gradient(135deg,var(--brand),#6ea2ff);
    color:#fff; border:0; padding:.6rem .8rem; border-radius:999px;
    box-shadow: var(--shadow); font-weight:700; cursor:pointer;
}
.cookie-manage:hover{ transform: translateY(-1px) }

/* Mobile */
@media (max-width: 760px){
    .cookie-inner{ flex-direction:column; gap:.75rem; padding:.85rem 0 }
    .cookie-actions{ justify-content:flex-start }
    .cookie-title{ font-size:1.05rem }
}
/* 18+ Age Gate Modal (isolated styles) */
.agegate{position:fixed; inset:0; z-index:10000; display:grid; place-items:center}
.agegate[hidden]{display:none}

.agegate__backdrop{
    position:absolute; inset:0;
    background: rgba(11,16,32,.88);
    backdrop-filter: saturate(140%) blur(6px);
}

.agegate__dialog{
    position:relative; z-index:1;
    width: min(520px, 92vw);
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.12);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 1.25rem;
    color: var(--text);
}

.agegate__header{display:flex; align-items:center; gap:.75rem; margin-bottom:.5rem}
.agegate__badge{
    display:grid; place-items:center; flex:0 0 52px; height:52px; width:52px; border-radius:50%;
    background:linear-gradient(135deg,#ef4444,#f59e0b); color:#fff; font-weight:900
}
.agegate__title{margin:0; font-size:clamp(1.1rem, 2.5vw, 1.35rem)}
.agegate__text{margin:.25rem 0 1rem; color: var(--muted)}

.agegate__actions{display:flex; gap:.5rem; justify-content:flex-end; flex-wrap:wrap}

/* Small screens */
@media (max-width: 640px){
    .agegate__dialog{padding:1rem}
    .agegate__badge{width:44px; height:44px; font-size:.95rem}
    .agegate__actions{justify-content:stretch}
    .agegate__actions .btn{flex:1}
}


/* Эпичная киберпанк палитра */
:root{
    --bg: #0a0014;
    --bg-soft: #150028;
    --card: #1a0033;
    --text: #e0f0ff;
    --muted: #9b7dd8;
    --brand: #ff0080;
    --brand-2: #00ff88;
    --accent: #8b5cf6;
    --ring: rgba(255,0,128,.5);
    --radius: 20px;
    --shadow: 0 15px 40px rgba(255,0,128,.25);
    --container: 1200px;
}

body{
    background:
            radial-gradient(1200px 800px at 5% -30%, #2d1b69 0%, transparent 70%),
            radial-gradient(1000px 600px at 95% 20%, #4c1d95 0%, transparent 60%),
            radial-gradient(800px 400px at 50% 100%, #1e1b4b 0%, transparent 50%),
            var(--bg);
}

.site-header{
    background: rgba(10,0,20,.8);
    border-bottom: 1px solid rgba(255,0,128,.2);
    box-shadow: 0 4px 20px rgba(139,92,246,.15);
}

.brand-mark{
    background: linear-gradient(135deg, var(--brand), var(--accent), #00ff88);
    box-shadow: 0 8px 25px rgba(255,0,128,.4);
    border: 1px solid rgba(255,255,255,.1);
}

.site-nav a:hover{
    background: rgba(255,0,128,.1);
    box-shadow: 0 0 15px rgba(255,0,128,.3);
    border-radius: 12px;
}

.hero{
    background:
            radial-gradient(600px 400px at 80% 30%, rgba(139,92,246,.08) 0%, transparent 60%),
            radial-gradient(800px 500px at 20% 70%, rgba(255,0,128,.06) 0%, transparent 50%);
    border-bottom: 1px solid rgba(139,92,246,.3);
}

.btn-primary{
    background: linear-gradient(135deg, var(--brand), #e879f9, var(--accent));
    box-shadow: 0 10px 30px rgba(255,0,128,.3), inset 0 1px 0 rgba(255,255,255,.2);
    border: 1px solid rgba(255,0,128,.3);
}

.btn-primary:hover{
    box-shadow: 0 15px 40px rgba(255,0,128,.4), inset 0 1px 0 rgba(255,255,255,.3);
    background: linear-gradient(135deg, #ff1493, #e879f9, #9333ea);
}

.btn-outline{
    background: rgba(139,92,246,.05);
    border: 1px solid rgba(139,92,246,.4);
    box-shadow: 0 0 20px rgba(139,92,246,.2);
}

.btn-outline:hover{
    background: rgba(139,92,246,.15);
    box-shadow: 0 0 30px rgba(139,92,246,.4);
    border-color: rgba(139,92,246,.6);
}

.hero-bullets li{
    background: rgba(139,92,246,.08);
    border: 1px solid rgba(139,92,246,.2);
    box-shadow: 0 4px 15px rgba(139,92,246,.1);
}

.ticket{
    background: linear-gradient(135deg, #1a0033, #2d1b69, #4c1d95);
    box-shadow: 0 15px 40px rgba(255,0,128,.3);
    border: 2px solid rgba(255,0,128,.3);
}

.ball{
    background: radial-gradient(circle at 35% 35%, #00ff88, #10b981 40%, #059669 75%, #047857);
    box-shadow: 0 20px 50px rgba(0,255,136,.3);
    border: 2px solid rgba(0,255,136,.4);
}

.chip{
    background: conic-gradient(from 0deg, var(--brand), var(--accent), #00ff88, var(--brand));
    box-shadow: 0 20px 50px rgba(139,92,246,.4);
    outline: 4px solid rgba(255,0,128,.2);
    border: 2px solid rgba(139,92,246,.5);
}

.section.alt{
    background:
            linear-gradient(180deg, rgba(139,92,246,.03), transparent),
            radial-gradient(1000px 300px at 30% 0%, rgba(255,0,128,.02) 0%, transparent 60%);
}

.card{
    background: linear-gradient(180deg, rgba(139,92,246,.08), rgba(255,0,128,.04));
    border: 1px solid rgba(139,92,246,.2);
    box-shadow: 0 8px 25px rgba(139,92,246,.1);
}

.card:hover{
    border-color: rgba(255,0,128,.3);
    box-shadow: 0 15px 40px rgba(139,92,246,.2);
}

.step{
    background: rgba(139,92,246,.05);
    border: 2px dashed rgba(139,92,246,.3);
    box-shadow: 0 0 20px rgba(139,92,246,.1);
}

.step-num{
    background: linear-gradient(135deg, var(--brand), var(--accent));
    box-shadow: 0 6px 20px rgba(255,0,128,.4);
    border: 1px solid rgba(255,255,255,.2);
}

.responsible{
    background:
            linear-gradient(180deg, rgba(255,0,128,.1), rgba(0,255,136,.08)),
            radial-gradient(800px 400px at 70% 50%, rgba(139,92,246,.05) 0%, transparent 60%);
}

.logo.tag{
    background: rgba(139,92,246,.08);
    border: 1px solid rgba(139,92,246,.2);
    box-shadow: 0 4px 15px rgba(139,92,246,.1);
}

.age-badge{
    background: linear-gradient(135deg, #dc2626, #f59e0b, #eab308);
    box-shadow: 0 8px 25px rgba(220,38,38,.4);
    border: 2px solid rgba(245,158,11,.3);
}

.auth-card{
    background: linear-gradient(180deg, rgba(139,92,246,.08), rgba(255,0,128,.04));
    border: 1px solid rgba(139,92,246,.2);
    box-shadow: 0 10px 30px rgba(139,92,246,.15);
}

input, button, select, textarea{
    background: rgba(10,0,20,.8);
    border: 1px solid rgba(139,92,246,.3);
    box-shadow: inset 0 2px 4px rgba(139,92,246,.1);
}

input:focus, button:focus, select:focus, textarea:focus{
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(255,0,128,.2), inset 0 2px 4px rgba(139,92,246,.1);
}

.site-footer{
    background:
            linear-gradient(180deg, rgba(10,0,20,.9), rgba(21,0,40,.9)),
            radial-gradient(600px 200px at 50% 0%, rgba(139,92,246,.03) 0%, transparent 60%);
    border-top: 1px solid rgba(139,92,246,.3);
    box-shadow: 0 -10px 30px rgba(139,92,246,.1);
}

.article-item{
    background: linear-gradient(180deg, rgba(139,92,246,.08), rgba(255,0,128,.04));
    border: 1px solid rgba(139,92,246,.2);
    box-shadow: 0 8px 25px rgba(139,92,246,.1);
}

.article-item:hover{
    border-color: rgba(255,0,128,.3);
    box-shadow: 0 15px 40px rgba(139,92,246,.2);
}

.article-title a:hover{
    text-shadow: 0 0 10px rgba(255,0,128,.5);
}

.contact-item{
    background: rgba(139,92,246,.05);
    border: 1px solid rgba(139,92,246,.2);
    box-shadow: 0 6px 20px rgba(139,92,246,.1);
}

.cookie-banner{
    background: rgba(10,0,20,.95);
    border-top: 1px solid rgba(255,0,128,.3);
    box-shadow: 0 -15px 40px rgba(139,92,246,.2);
}

.cookie-details{
    background: rgba(139,92,246,.05);
    border: 1px solid rgba(139,92,246,.2);
}

.cookie-manage{
    background: linear-gradient(135deg, var(--brand), var(--accent));
    box-shadow: 0 10px 30px rgba(255,0,128,.4);
    border: 1px solid rgba(255,0,128,.3);
}

.agegate__backdrop{
    background: rgba(10,0,20,.92);
}

.agegate__dialog{
    background: linear-gradient(180deg, rgba(139,92,246,.08), rgba(255,0,128,.04));
    border: 2px solid rgba(139,92,246,.3);
    box-shadow: 0 25px 60px rgba(139,92,246,.3);
}