:root{
  --bg:#0d1024;
  --card:rgba(255,255,255,.10);
  --card2:rgba(255,255,255,.16);
  --text:#ffffff;
  --muted:rgba(255,255,255,.72);
  --border:rgba(255,255,255,.22);
  --primary:#ffffff;
  --dark:#111827;
  --accent:#ffd166;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font-family:inherit}
.home-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,#8b5cf6 0,#1b1f48 34%,#070914 100%);overflow-x:hidden;position:relative}
.bg-shapes:before,.bg-shapes:after{content:"";position:fixed;border-radius:999px;filter:blur(45px);opacity:.6;z-index:0;animation:float 9s ease-in-out infinite alternate}
.bg-shapes:before{width:300px;height:300px;background:#ec4899;left:-80px;top:90px}
.bg-shapes:after{width:380px;height:380px;background:#22d3ee;right:-100px;bottom:50px;animation-delay:1s}
@keyframes float{from{transform:translateY(0) scale(1)}to{transform:translateY(-35px) scale(1.08)}}
.container{width:min(1120px,calc(100% - 28px));margin:0 auto;position:relative;z-index:1}
.home-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;padding:46px 0 20px;align-items:stretch}
.glass-card{background:var(--card);border:1px solid var(--border);box-shadow:0 25px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px);border-radius:28px;padding:28px}
.hero-card{display:flex;flex-direction:column;justify-content:center;min-height:620px}
.badge{display:inline-flex;width:max-content;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid var(--border);font-size:13px;color:var(--muted);margin-bottom:14px}
h1{font-size:clamp(32px,5vw,58px);line-height:1.1;margin:0 0 16px;font-weight:900;letter-spacing:-1px}
h2{font-size:28px;margin:0 0 18px}.lead{font-size:18px;line-height:1.9;color:var(--muted);margin:0 0 22px}
.mini-preview{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.06));border:1px solid var(--border);border-radius:24px;padding:24px;margin:20px 0;display:flex;gap:14px;align-items:center;justify-content:center;box-shadow:inset 0 0 40px rgba(255,255,255,.05)}
.mini-preview span{font-size:62px;font-weight:900}.mini-preview small{font-size:18px;color:var(--muted)}
.feature-list{margin:14px 0 0;padding:0;list-style:none;color:var(--muted);line-height:2}
.feature-list li:before{content:"✓";margin-left:8px;color:#86efac;font-weight:900}
.main-form{display:flex;flex-direction:column;gap:16px}.main-form label{display:flex;flex-direction:column;gap:8px}.main-form span{font-weight:700;color:#fff}.main-form small{color:var(--muted);font-size:12px}
input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.20);color:#fff;border-radius:16px;padding:14px 15px;outline:none;font-size:15px}
select option{background:#111827;color:#fff}textarea{resize:vertical;min-height:110px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.primary-btn,.secondary-btn,.icon-btn{border:0;border-radius:18px;padding:14px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:.2s transform,.2s opacity}.primary-btn{background:#fff;color:#111827}.secondary-btn,.icon-btn{background:rgba(255,255,255,.15);color:#fff;border:1px solid var(--border)}.primary-btn:hover,.secondary-btn:hover,.icon-btn:hover{transform:translateY(-2px);opacity:.95}
.footer{text-align:center;color:var(--muted);padding:20px;position:relative;z-index:2}.single-center{min-height:100vh;display:grid;place-items:center}.result-card{width:min(720px,100%);text-align:center}.success-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#86efac;color:#052e16;font-size:42px;font-weight:900}.copy-box{display:flex;gap:10px;margin:22px 0}.copy-box input{direction:ltr;text-align:left}.copy-box button{border:0;border-radius:14px;background:#fff;color:#111827;font-weight:800;padding:0 18px}.actions-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.small-note{color:var(--muted);font-size:13px;line-height:1.7;margin-top:18px}

.counter-body{min-height:100vh;overflow-x:hidden;background:#060713;position:relative;color:#fff;touch-action:manipulation}.animated-bg{position:fixed;inset:0;z-index:0;overflow:hidden}.animated-bg:before,.animated-bg:after{content:"";position:absolute;border-radius:999px;filter:blur(65px);opacity:.7;animation:pulseMove 10s ease-in-out infinite alternate}.animated-bg:before{width:420px;height:420px;right:-100px;top:10%;background:#8b5cf6}.animated-bg:after{width:360px;height:360px;left:-100px;bottom:7%;background:#06b6d4;animation-delay:1.4s}@keyframes pulseMove{from{transform:translate(0,0) scale(1)}to{transform:translate(30px,-50px) scale(1.15)}}
.theme-aurora{background:linear-gradient(135deg,#0f172a,#312e81,#701a75)}.theme-aurora .animated-bg{background:radial-gradient(circle at 30% 20%,rgba(236,72,153,.35),transparent 28%),radial-gradient(circle at 70% 70%,rgba(34,211,238,.30),transparent 30%)}
.theme-stars{background:#030712}.theme-stars .animated-bg{background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(rgba(255,255,255,.55) 1px,transparent 1px);background-size:42px 42px,75px 75px;animation:stars 14s linear infinite}@keyframes stars{to{background-position:90px 120px,150px 80px}}
.theme-hearts{background:linear-gradient(135deg,#831843,#4c1d95,#111827)}.theme-hearts .animated-bg:before{background:#f472b6}.theme-hearts .animated-bg:after{background:#fb7185}
.theme-gold{background:linear-gradient(135deg,#17120a,#78350f,#111827)}.theme-gold .animated-bg:before{background:#facc15}.theme-gold .animated-bg:after{background:#f97316}
.theme-ocean{background:linear-gradient(135deg,#082f49,#0f766e,#111827)}.theme-ocean .animated-bg:before{background:#14b8a6}.theme-ocean .animated-bg:after{background:#38bdf8}
.theme-night{background:linear-gradient(135deg,#020617,#111827,#312e81)}.theme-night .animated-bg:before{background:#6366f1}.theme-night .animated-bg:after{background:#0ea5e9}
.counter-shell{position:relative;z-index:2;width:min(960px,calc(100% - 24px));margin:0 auto;padding:18px 0 24px;min-height:calc(100vh - 100px);display:grid;place-items:center;gap:16px}.counter-card{width:100%;border-radius:34px;padding:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(20px);box-shadow:0 30px 100px rgba(0,0,0,.40);text-align:center}.small-label{display:inline-block;margin-bottom:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:8px 14px;border-radius:999px;color:rgba(255,255,255,.75);font-size:13px}.counter-card h1{font-size:clamp(30px,7vw,64px);margin:0 0 12px}.names-line{font-size:20px;color:rgba(255,255,255,.82);display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:6px 0 24px}.names-line b{color:var(--accent)}
.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.time-box{background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:20px 12px;box-shadow:inset 0 0 30px rgba(255,255,255,.03)}.time-box strong{display:block;font-size:clamp(32px,8vw,70px);line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.time-box span{display:block;color:rgba(255,255,255,.70);margin-top:8px;font-weight:700}.since-line{color:rgba(255,255,255,.70);font-size:14px}.message-box{margin:22px auto 0;width:min(720px,100%);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;line-height:1.9;color:rgba(255,255,255,.88);font-size:17px}.touch-hint{margin:18px 0 8px;color:rgba(255,255,255,.68);font-size:14px}.button-row,.share-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.share-row a{border-radius:16px;padding:13px 16px;font-weight:900}.share-whatsapp{background:#25d366;color:#052e16}.share-facebook{background:#1877f2;color:#fff}.make-card{width:100%;border-radius:26px;padding:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);text-align:center}.make-card h2{margin:0 0 8px}.make-card p{margin:0 0 14px;color:rgba(255,255,255,.75)}.ad-slot{position:relative;z-index:4;width:min(980px,calc(100% - 24px));margin:12px auto;padding:12px;border:1px dashed rgba(255,255,255,.30);border-radius:16px;text-align:center;color:rgba(255,255,255,.55);background:rgba(0,0,0,.16);font-size:13px}
#particles{position:fixed;inset:0;pointer-events:none;z-index:3}.particle{position:absolute;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 0 16px rgba(255,255,255,.9);animation:popParticle .9s ease-out forwards}.particle.heart{width:auto;height:auto;background:transparent;border-radius:0;box-shadow:none;font-size:20px}.particle.heart:before{content:"❤"}@keyframes popParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.15)}}

.admin-body{background:#f4f7fb;color:#111827;min-height:100vh}.admin-wrap{width:min(1150px,calc(100% - 24px));margin:0 auto;padding:28px 0}.admin-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 14px 45px rgba(15,23,42,.10);margin-bottom:18px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:right;vertical-align:top}.admin-table th{background:#f8fafc}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-btn{border:0;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer;background:#111827;color:#fff;display:inline-flex}.admin-btn.danger{background:#dc2626}.admin-btn.warn{background:#d97706}.admin-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#312e81)}.admin-login .admin-card{width:min(420px,calc(100% - 24px));color:#111827}.admin-login input{background:#fff;color:#111827;border:1px solid #e5e7eb}
@media(max-width:820px){.home-grid{grid-template-columns:1fr;padding-top:20px}.hero-card{min-height:auto}.two-cols{grid-template-columns:1fr}.counter-grid{grid-template-columns:repeat(2,1fr)}.counter-card{padding:22px 14px;border-radius:26px}.copy-box{flex-direction:column}.copy-box button{padding:14px}.admin-table{font-size:12px}.admin-table th:nth-child(4),.admin-table td:nth-child(4){display:none}}
