/* vault.css v1.0.0 (2026-10-21) damir@rinet.one - /var/www/rinet.dev/assets/css/ - teaser section "Behind the door": locked module cards, lattice background, scanline */
#vault{position:relative;padding:120px 0;overflow:hidden;background:linear-gradient(180deg,var(--bg,#05080f) 0%,#070d1c 55%,var(--bg,#05080f) 100%);color:var(--fg,#e6edf7)}
#vault .vt-bg{position:absolute;inset:-5%;background:url(/assets/img/lattice.svg) center/cover;opacity:.55;animation:vtpan 60s linear infinite alternate;pointer-events:none}
#vault .vt-glow{position:absolute;width:60vw;height:60vw;left:50%;top:-20%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(99,102,241,.28),transparent);filter:blur(30px);animation:vtpulse 7s ease-in-out infinite;pointer-events:none}
@keyframes vtpan{from{transform:scale(1.05) translate(-2%,-1%)}to{transform:scale(1.12) translate(2%,2%)}}
@keyframes vtpulse{50%{opacity:.55;transform:translateX(-50%) scale(1.12)}}
#vault .vt-wrap{position:relative;max-width:1180px;margin:0 auto;padding:0 24px}
#vault .vt-kicker{font:600 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.22em;color:#67e8f9;text-transform:uppercase;display:flex;align-items:center;gap:10px}
#vault .vt-kicker i{width:8px;height:8px;border-radius:50%;background:#f43f5e;box-shadow:0 0 12px #f43f5e;animation:vtblink 1.6s infinite}
@keyframes vtblink{50%{opacity:.25}}
#vault h2{font-size:clamp(36px,5.2vw,68px);line-height:1.04;margin:18px 0 14px;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#a5f3fc 45%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
#vault .vt-lead{max-width:680px;font-size:18px;line-height:1.6;opacity:.8}
#vault .vt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
#vault .vt-card{position:relative;border:1px solid rgba(125,211,252,.18);border-radius:16px;background:linear-gradient(160deg,rgba(15,23,42,.82),rgba(8,12,24,.9));padding:22px;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;backdrop-filter:blur(6px)}
#vault .vt-card:hover{transform:translateY(-6px);border-color:rgba(103,232,249,.7);box-shadow:0 18px 50px -12px rgba(34,211,238,.35)}
#vault .vt-card::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,rgba(103,232,249,.14),transparent);animation:vtscan 5s linear infinite;pointer-events:none}
@keyframes vtscan{to{top:120%}}
#vault .vt-no{font:600 11px 'JetBrains Mono',monospace;color:#818cf8;letter-spacing:.18em}
#vault .vt-card h3{margin:8px 0 6px;font-size:22px;color:#f1f5f9}
#vault .vt-card p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:#94a3b8}
#vault .vt-code{font:12px/1.65 'JetBrains Mono',ui-monospace,monospace;color:#7dd3fc;background:rgba(2,6,23,.7);border-radius:10px;padding:12px 14px;position:relative;min-height:112px}
#vault .vt-code .c{color:#64748b}
#vault .vt-code .b{filter:blur(5px);user-select:none;transition:filter .5s}
#vault .vt-card:hover .vt-code .b{filter:blur(3px)}
#vault .vt-lock{position:absolute;right:14px;bottom:12px;width:30px;height:30px;color:#fbbf24;opacity:.9}
#vault .vt-tag{position:absolute;top:16px;right:16px;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.14em;padding:4px 8px;border-radius:99px;border:1px solid}
#vault .vt-tag.in{color:#34d399;border-color:#34d39966;background:#34d3991a}
#vault .vt-tag.soon{color:#fbbf24;border-color:#fbbf2466;background:#fbbf241a}
#vault .vt-cta{margin-top:48px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
#vault .vt-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:12px;font-weight:700;font-size:17px;text-decoration:none;color:#031018;background:linear-gradient(90deg,#22d3ee,#818cf8);box-shadow:0 10px 40px -8px rgba(34,211,238,.6);transition:transform .25s,box-shadow .25s}
#vault .vt-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 54px -8px rgba(129,140,248,.8)}
#vault .vt-note{font-size:13.5px;opacity:.65;max-width:420px;line-height:1.5}
#vault .vt-stats{display:flex;gap:36px;flex-wrap:wrap;margin-top:34px;font-family:'JetBrains Mono',monospace}
#vault .vt-stats b{display:block;font-size:30px;color:#e0f2fe}
#vault .vt-stats span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.6}
[data-theme="light"] #vault{background:linear-gradient(180deg,#eef2fb,#e3e9f8 55%,#eef2fb);color:#0f172a}
[data-theme="light"] #vault h2{background:linear-gradient(90deg,#0f172a,#0369a1 50%,#6d28d9);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] #vault .vt-bg{opacity:.35}
[data-theme="light"] #vault .vt-card{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(241,245,255,.95));border-color:rgba(3,105,161,.22)}
[data-theme="light"] #vault .vt-card h3{color:#0f172a}[data-theme="light"] #vault .vt-card p{color:#475569}
[data-theme="light"] #vault .vt-stats b{color:#0f172a}
@media (max-width:1000px){#vault .vt-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){#vault{display:none!important}}
@media (prefers-reduced-motion:reduce){#vault *{animation:none!important}}
[data-theme="light"] #vault .vt-kicker{color:#0369a1}[data-theme="light"] #vault .vt-lead{opacity:.9}