
/* /kalminev_website/static/src/css/secret_page.css */
 #secret-page{--bg: #010101; --bg2: #0d0d0d; --bg3: #141414; --bg4: #1a1a1a; --amber: #ffa201; --amber-dim: #cc8200; --amber-glow: rgba(255,162,1,.15); --amber-border: rgba(255,162,1,.25); --text: #f2f9fe; --text-muted: #afafaf; --text-dim: #706e7a; --border: rgba(255,255,255,.08); --border-strong: rgba(255,255,255,.14); --glass: rgba(255,255,255,.04); --font: 'Manrope', sans-serif; --serif: 'Instrument Serif', Georgia, serif; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.6; overflow-x: clip;}#secret-page *, #secret-page *::before, #secret-page *::after{box-sizing: border-box; margin: 0; padding: 0;}@keyframes sp-fadeUp{from{opacity:0; transform:translateY(24px);}to{opacity:1; transform:translateY(0);}}@keyframes sp-pulse{0%,100%{opacity:.6}50%{opacity:1}}@keyframes sp-shimmer{0%{opacity:.5}100%{opacity:.9}}#secret-page .reveal{opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease;}#secret-page .reveal.in{opacity:1; transform:none;}#secret-page .reveal-1{transition-delay:.1s;}#secret-page .reveal-2{transition-delay:.2s;}#secret-page .reveal-3{transition-delay:.3s;}#secret-page .hero{min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:100px 24px 80px; position:relative; overflow:hidden;}#secret-page .hero-glow{position:absolute; top:-20%; left:50%; transform:translateX(-50%); width:800px; height:500px; border-radius:50%; background:radial-gradient(ellipse, rgba(255,162,1,.12) 0%, transparent 65%); pointer-events:none;}#secret-page .hero-grid{position:absolute; inset:0; pointer-events:none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:60px 60px; mask-image:radial-gradient(ellipse 80% 80% at 50% 0%, black 0%, transparent 70%);}#secret-page .hero h1{font-size:clamp(2rem,5.5vw,4rem); font-weight:700; line-height:1.1; letter-spacing:-2px; max-width:820px; margin-bottom:20px; color:var(--text); opacity:0; animation:sp-fadeUp .7s .25s ease forwards;}#secret-page .hero h1 em{font-family:var(--serif); font-weight:400; font-style:italic; color:var(--amber);}#secret-page .hero-sub{font-size:1.1rem; color:var(--text-muted); max-width:540px; line-height:1.7; margin-bottom:48px; font-weight:400; opacity:0; animation:sp-fadeUp .7s .4s ease forwards;}#secret-page .vsl-wrap{width:100%; max-width:860px; margin:0 auto 52px; opacity:0; animation:sp-fadeUp .8s .55s ease forwards;}#secret-page .vsl-inner{position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:12px; border:1px solid rgba(255,162,1,.2); overflow:hidden; box-shadow:0 0 0 1px rgba(0,0,0,.8), 0 24px 80px rgba(0,0,0,.8), 0 0 60px rgba(255,162,1,.06);}#secret-page .vsl-inner video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}#secret-page .cta-wrap{display:flex; flex-direction:column; align-items:center; gap:18px; opacity:0; animation:sp-fadeUp .7s .7s ease forwards;}#secret-page .btn{display:inline-flex; align-items:center; gap:10px; background:var(--amber); color:#000; font-family:var(--font); font-weight:700; font-size:14px; letter-spacing:.04em; text-decoration:none; border:none; cursor:pointer; padding:18px 48px; border-radius:8px; transition:background .2s, transform .15s, box-shadow .2s; box-shadow:0 4px 20px rgba(255,162,1,.3), 0 0 40px rgba(255,162,1,.1); position:relative; overflow:hidden;}#secret-page .btn::before{content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,.15) 0%, transparent 50%); pointer-events:none;}#secret-page .btn:hover{background:#ffb733; transform:translateY(-2px); box-shadow:0 8px 32px rgba(255,162,1,.4), 0 0 60px rgba(255,162,1,.15);}#secret-page .btn:active{transform:translateY(0);}#secret-page .btn-arrow{font-size:16px; transition:transform .2s;}#secret-page .btn:hover .btn-arrow{transform:translateX(4px);}#secret-page .pay-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center;}#secret-page .pay-lock{display:flex; align-items:center; gap:5px; font-size:12px; color:rgba(255,162,1,.6); font-weight:500;}#secret-page .pay-lock svg{color:rgba(255,162,1,.5);}#secret-page .pay-chips{display:flex; gap:6px;}#secret-page .chip{background:rgba(255,162,1,.07); border:1px solid rgba(255,162,1,.2); border-radius:4px; padding:3px 10px; font-size:11px; font-weight:600; color:rgba(255,162,1,.7); letter-spacing:.05em;}#secret-page .chip.dim{background:rgba(255,255,255,.03); border-color:rgba(255,255,255,.08); color:rgba(255,255,255,.25); font-weight:400; text-decoration:line-through; text-decoration-color:rgba(255,255,255,.2);}#secret-page .pay-divider{color:rgba(255,255,255,.15);}#secret-page .trust-bar{background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:48px 24px;}#secret-page .trust-grid{max-width:720px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center;}#secret-page .trust-num{font-size:2.8rem; font-weight:700; color:var(--amber); line-height:1; margin-bottom:6px; display:block; letter-spacing:-1px; animation:sp-shimmer 3s ease-in-out infinite alternate;}#secret-page .trust-lbl{font-size:13px; color:var(--text-muted); font-weight:400;}#secret-page .trust-divider{width:1px; background:var(--border-strong);}#secret-page .section{padding:80px 24px;}#secret-page .section-dark{background:var(--bg2);}#secret-page .section-darker{background:#000;}#secret-page .container{max-width:960px; margin:0 auto;}#secret-page .container-wide{max-width:1200px; margin:0 auto;}#secret-page .section-tag{display:inline-block; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--amber); margin-bottom:16px;}#secret-page h2{font-size:clamp(1.6rem,3.5vw,2.6rem); font-weight:700; line-height:1.15; letter-spacing:-1.5px; margin-bottom:48px; color:var(--text);}#secret-page h2 em{font-family:var(--serif); font-weight:400; font-style:italic; color:var(--amber);}#secret-page h2 .dim{color:var(--text-muted);}#secret-page .testi-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:56px;}#secret-page .testi-card{border-radius:12px; overflow:hidden; border:1px solid var(--border-strong); background:var(--bg3); height:420px; position:relative; transition:border-color .2s, box-shadow .2s;}#secret-page .testi-card:hover{border-color:var(--amber-border); box-shadow:0 0 30px rgba(255,162,1,.08);}#secret-page .testi-card img{width:100%; height:100%; object-fit:cover; object-position:top; display:block; filter:brightness(.9); transition:filter .3s, transform .4s;}#secret-page .testi-card:hover img{filter:brightness(1); transform:scale(1.02);}#secret-page .inter-cta{background:var(--bg); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:64px 24px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:18px; position:relative; overflow:hidden;}#secret-page .inter-cta::before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; height:200px; border-radius:50%; background:radial-gradient(ellipse, rgba(255,162,1,.07) 0%, transparent 70%); pointer-events:none;}#secret-page .learn-list{list-style:none;}#secret-page .learn-item{display:grid; grid-template-columns:52px 1fr; gap:0; align-items:start; padding:20px 0; border-bottom:1px solid var(--border); transition:background .15s; cursor:default;}#secret-page .learn-item:last-child{border-bottom:none;}#secret-page .learn-item:hover{background:rgba(255,162,1,.02);}#secret-page .learn-num{font-size:11px; font-weight:700; color:var(--amber); letter-spacing:.1em; padding-top:3px; opacity:.7;}#secret-page .learn-text{font-size:15.5px; color:#d4d4d4; line-height:1.6; font-weight:400;}#secret-page .learn-text strong{color:var(--text); font-weight:600;}#secret-page .photo-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; margin-bottom:56px;}#secret-page .photo-grid img{width:100%; aspect-ratio:3/4; object-fit:cover; display:block; border-radius:8px; border:1px solid var(--border); filter:brightness(.85) saturate(.75); transition:filter .25s, border-color .25s, transform .3s;}#secret-page .photo-grid img:hover{filter:brightness(1) saturate(1); border-color:var(--amber-border); transform:scale(1.02);}#secret-page .payment-section{display:flex; flex-direction:column; align-items:center; gap:20px; margin-top:28px;}#secret-page .debit-card{width:288px; height:176px; border-radius:16px; background:linear-gradient(135deg, #1c1400 0%, #0d0a00 45%, #1a1200 100%); border:1px solid rgba(255,162,1,.35); padding:22px 24px 20px; position:relative; overflow:hidden; text-align:left; box-shadow:0 0 0 1px rgba(0,0,0,.6), 0 20px 60px rgba(0,0,0,.8), 0 0 40px rgba(255,162,1,.06), inset 0 1px 0 rgba(255,162,1,.1);}#secret-page .debit-card::before{content:''; position:absolute; top:-60px; right:-60px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle, rgba(255,162,1,.1) 0%, transparent 65%);}#secret-page .debit-card::after{content:''; position:absolute; bottom:-40px; left:-30px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle, rgba(255,162,1,.05) 0%, transparent 65%);}#secret-page .dc-chip{width:40px; height:30px; border-radius:5px; background:linear-gradient(135deg, #ffa201 0%, #8a6200 40%, #ffa201 75%, #ffd466 100%); margin-bottom:20px; position:relative; z-index:1; box-shadow:0 2px 8px rgba(0,0,0,.5);}#secret-page .dc-chip::before{content:''; position:absolute; top:10px; left:0; right:0; height:1px; background:rgba(0,0,0,.3);}#secret-page .dc-chip::after{content:''; position:absolute; left:13px; top:0; bottom:0; width:1px; background:rgba(0,0,0,.25);}#secret-page .dc-num{font-family:'Courier New',monospace; font-size:14px; letter-spacing:.22em; color:rgba(255,162,1,.65); margin-bottom:16px; position:relative; z-index:1;}#secret-page .dc-bottom{display:flex; justify-content:space-between; align-items:flex-end; position:relative; z-index:1;}#secret-page .dc-lbl{font-size:8px; letter-spacing:.2em; text-transform:uppercase; color:var(--text-dim); margin-bottom:3px;}#secret-page .dc-val{font-size:12.5px; color:rgba(255,162,1,.85); font-weight:600;}#secret-page .dc-logos{display:flex; align-items:center;}#secret-page .dc-c1{width:28px; height:28px; border-radius:50%; background:#c8102e; opacity:.9; margin-right:-10px;}#secret-page .dc-c2{width:28px; height:28px; border-radius:50%; background:#f79e1b; opacity:.9;}#secret-page .pay-note{font-size:12px; color:rgba(255,255,255,.35); text-align:center; line-height:1.7; max-width:320px;}#secret-page .pay-note strong{color:rgba(255,162,1,.65); font-weight:600;}#secret-page .final-cta{text-align:center; padding:120px 24px; background:radial-gradient(ellipse 70% 60% at 50% 50%, #1a0d00 0%, var(--bg) 70%); position:relative; overflow:hidden;}#secret-page .final-cta::before{content:''; position:absolute; inset:0; pointer-events:none; background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='.7' fill='rgba(255,162,1,.04)'/%3E%3C/svg%3E");}#secret-page .final-cta h2{max-width:640px; margin:0 auto 36px;}#secret-page .price-block{margin-bottom:40px;}#secret-page .price{font-size:4rem; font-weight:700; color:var(--amber); letter-spacing:-2px; line-height:1;}#secret-page .price-note{font-size:13px; color:var(--text-dim); margin-top:10px; letter-spacing:.04em;}@media(max-width:768px){#secret-page .trust-grid{grid-template-columns:1fr; gap:32px;}#secret-page .testi-grid{grid-template-columns:1fr;}#secret-page .testi-card{height:320px;}#secret-page .photo-grid{grid-template-columns:repeat(2,1fr);}#secret-page .hero h1{font-size:1.9rem; letter-spacing:-1px;}#secret-page h2{font-size:1.7rem; letter-spacing:-.5px;}#secret-page .price{font-size:3rem;}#secret-page .debit-card{width:100%; max-width:288px;}}