:root { --ink:#060806; --panel:#0c110d; --panel-2:#101711; --line:rgba(228,255,232,.15); --green:#63ff18; --green-soft:#b4ff94; --white:#f7faf7; --muted:#a6b0a7; --danger:#ff6868; }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--ink); color:var(--white); font-family:Manrope,Arial,sans-serif; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.32; z-index:0; background-image:radial-gradient(rgba(99,255,24,.2) .7px, transparent .8px); background-size:15px 15px; mask-image:linear-gradient(120deg,black,transparent 70%); }
.catalog-topbar { position:relative; z-index:1; height:88px; padding:0 clamp(24px,5vw,84px); display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); background:rgba(6,8,6,.86); }
.brand,.admin-brand { display:inline-flex; align-items:center; gap:11px; color:var(--white); text-decoration:none; font-family:"Barlow Condensed",sans-serif; font-size:20px; line-height:.74; letter-spacing:.03em; }
.brand img,.admin-brand img { width:42px; height:42px; object-fit:cover; border-radius:50%; border:1px solid rgba(99,255,24,.7); }
.brand b,.admin-brand b { color:var(--green); }
.topbar-status { color:var(--green-soft); font-size:10px; letter-spacing:.16em; font-weight:800; }
.topbar-status span { display:inline-block; width:7px; height:7px; background:var(--green); border-radius:50%; box-shadow:0 0 12px var(--green); margin-right:8px; }
.catalog-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,2fr); min-height:calc(100vh - 88px); }
.catalog-intro { min-height:calc(100vh - 88px); padding:clamp(42px,8vw,120px) clamp(25px,5vw,84px); border-right:1px solid var(--line); background:linear-gradient(155deg,rgba(99,255,24,.09),transparent 42%), #090d09; }
.eyebrow { margin:0 0 13px; color:var(--green); font-size:10px; font-weight:800; letter-spacing:.2em; }
h1,h2,h3,p { margin-top:0; }
.catalog-intro h1,.login-panel h1,.dashboard h1 { margin:0; font:800 clamp(54px,7vw,104px)/.78 "Barlow Condensed",sans-serif; letter-spacing:-.035em; }
em { color:var(--green); font-style:normal; }
.intro-copy { max-width:280px; margin:32px 0 0; color:var(--muted); font-size:13px; line-height:1.75; }
.intro-line { width:100%; max-width:260px; margin:42px 0 17px; height:1px; background:linear-gradient(90deg,var(--green),transparent); }
.intro-foot { color:#718173; letter-spacing:.16em; font-size:9px; font-weight:800; }
.catalog-area { padding:clamp(36px,5vw,76px); max-width:1540px; }
.catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; padding-bottom:27px; border-bottom:1px solid var(--line); }
.catalog-heading h2 { margin:0; font:800 clamp(42px,5vw,68px)/.8 "Barlow Condensed",sans-serif; letter-spacing:-.025em; }
.product-count { padding:8px 11px; border:1px solid rgba(99,255,24,.42); color:var(--green-soft); font-size:9px; font-weight:800; letter-spacing:.13em; white-space:nowrap; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-top:26px; }
.download-card { min-width:0; background:linear-gradient(135deg,rgba(99,255,24,.08),transparent 34%),var(--panel); border:1px solid var(--line); transition:transform .22s ease,border-color .22s ease; animation:card-in .35s ease both; animation-delay:calc(var(--card-index) * 55ms); }
.download-card:hover { transform:translateY(-5px); border-color:rgba(99,255,24,.68); }
.card-cover { aspect-ratio:16/9; overflow:hidden; position:relative; background:#111a12; border-bottom:1px solid var(--line); }
.card-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.cover-fallback { height:100%; display:grid; place-items:center; position:relative; overflow:hidden; background:linear-gradient(135deg,#101b11,#050705 72%); }
.cover-fallback:before,.cover-fallback:after { content:""; position:absolute; width:160%; height:38%; border:1px solid rgba(99,255,24,.3); transform:rotate(-34deg); }
.cover-fallback:after { transform:rotate(35deg); }
.cover-fallback span { position:relative; z-index:1; font:800 62px/.8 "Barlow Condensed",sans-serif; color:var(--green); text-shadow:0 0 28px rgba(99,255,24,.5); }
.card-body { padding:19px; }
.card-category { margin-bottom:9px; color:var(--green); font-size:9px; font-weight:800; letter-spacing:.18em; }
.card-body h3 { min-height:44px; margin-bottom:10px; font:700 24px/.95 "Barlow Condensed",sans-serif; letter-spacing:-.01em; text-transform:uppercase; }
.card-description { min-height:55px; margin-bottom:20px; color:var(--muted); font-size:11px; line-height:1.55; white-space:pre-line; }
.download-button { display:flex; align-items:center; justify-content:space-between; min-height:47px; padding:0 12px 0 15px; color:#071106; background:var(--green); text-decoration:none; font-family:"Barlow Condensed",sans-serif; font-size:14px; font-weight:800; letter-spacing:.05em; transition:background .2s ease,transform .2s ease; }
.download-button:hover { background:#d2ffb9; transform:translateX(3px); }
.download-button b { font:800 22px/1 Manrope,sans-serif; }
.empty-state { grid-column:1/-1; min-height:260px; display:grid; align-content:center; gap:8px; padding:40px; text-align:center; border:1px dashed rgba(99,255,24,.4); color:var(--green-soft); }
.empty-state strong { font:700 27px "Barlow Condensed",sans-serif; letter-spacing:.08em; }.empty-state span { color:var(--muted); font-size:12px; }.empty-state.error { border-color:rgba(255,104,104,.45); color:#ff9a9a; }
@keyframes card-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }

/* Admin */
.admin-page { min-height:100vh; background:radial-gradient(circle at 86% 7%,rgba(99,255,24,.13),transparent 22%),#070a07; }
.admin-shell { width:min(1180px,calc(100% - 40px)); margin:auto; padding:30px 0 60px; }.admin-brand { margin-bottom:58px; }
.login-panel { max-width:510px; padding:36px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(99,255,24,.075),transparent 38%),var(--panel); box-shadow:18px 18px 0 rgba(99,255,24,.07); }.login-panel h1 { font-size:68px; }.login-panel>p:not(.eyebrow) { color:var(--muted); font-size:12px; line-height:1.65; }
.admin-form,.product-form { display:grid; gap:16px; margin-top:27px; }.admin-form label,.product-form label { display:grid; gap:7px; color:#cce0cf; font:700 10px "Barlow Condensed",sans-serif; letter-spacing:.13em; }
.admin-form input,.product-form input,.product-form textarea { width:100%; min-height:46px; padding:12px; border:1px solid #344136; border-radius:0; outline:0; color:var(--white); background:#090d09; font:500 13px Manrope,sans-serif; letter-spacing:normal; transition:border-color .2s,box-shadow .2s; }.product-form textarea { resize:vertical; padding-top:12px; }.admin-form input:focus,.product-form input:focus,.product-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(99,255,24,.1); }
.admin-primary { min-height:49px; display:flex; align-items:center; justify-content:space-between; padding:0 14px 0 17px; border:0; background:var(--green); color:#071106; font:800 14px "Barlow Condensed",sans-serif; letter-spacing:.08em; }.admin-primary:hover { background:#d2ffb9; }.admin-primary b { font:800 23px Manrope,sans-serif; }.form-message { min-height:16px; margin:0; color:#ff9999; font-size:11px; line-height:1.35; }.form-message.success { color:var(--green-soft); }
.dashboard-head { display:flex; align-items:end; justify-content:space-between; padding-bottom:28px; border-bottom:1px solid var(--line); }.dashboard h1 { font-size:56px; }.text-button { padding:8px 0; border:0; color:var(--green-soft); background:none; font:800 10px Manrope,sans-serif; letter-spacing:.15em; }.text-button:hover { color:var(--white); }
.admin-grid { display:grid; grid-template-columns:minmax(300px,.86fr) minmax(360px,1.35fr); gap:25px; padding-top:30px; }.product-form,.product-list-wrap { padding:23px; border:1px solid var(--line); background:var(--panel); }.product-form { margin-top:0; align-content:start; }.form-title,.list-title { display:flex; align-items:center; justify-content:space-between; gap:10px; }.form-title h2,.list-title h2 { margin:0; font:700 26px "Barlow Condensed",sans-serif; letter-spacing:.03em; }.switch-label { display:flex !important; align-items:center; gap:9px !important; cursor:pointer; }.switch-label input { position:absolute; opacity:0; }.switch-label span { display:inline-block; width:32px; height:18px; border:1px solid #4a5b4c; border-radius:10px; background:#172019; position:relative; }.switch-label span:after { content:""; position:absolute; top:3px; left:3px; width:10px; height:10px; border-radius:50%; background:#9aab9d; transition:.16s; }.switch-label input:checked+span { border-color:var(--green); }.switch-label input:checked+span:after { left:17px; background:var(--green); box-shadow:0 0 8px var(--green); }
.list-title { margin-bottom:15px; }.list-title>span { display:grid; place-items:center; min-width:25px; height:25px; padding:0 7px; background:var(--green); color:#071106; font:800 11px Manrope,sans-serif; }.admin-products { display:grid; gap:10px; }.admin-item { display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:11px; padding:10px; background:var(--panel-2); border:1px solid transparent; }.admin-item.inactive { opacity:.57; }.admin-item:hover { border-color:rgba(99,255,24,.43); }.admin-thumb { width:56px; height:44px; object-fit:cover; background:#152016; }.admin-item h3 { margin:0 0 4px; font:700 16px "Barlow Condensed",sans-serif; letter-spacing:.02em; }.admin-item p { margin:0; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.1em; }.item-actions { display:flex; gap:5px; }.item-actions button { width:30px; height:30px; border:1px solid #3b4c3e; background:transparent; color:var(--white); font-weight:800; }.item-actions button:hover { border-color:var(--green); color:var(--green); }.item-actions button.delete:hover { border-color:var(--danger); color:var(--danger); }.admin-empty { padding:30px 10px; color:var(--muted); text-align:center; font-size:12px; }
@media (max-width:980px) { .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.catalog-layout { grid-template-columns:1fr; }.catalog-intro { min-height:0; border-right:0; border-bottom:1px solid var(--line); }.intro-copy { margin-top:20px; }.intro-line,.intro-foot { display:none; }.admin-grid { grid-template-columns:1fr; } }
@media (max-width:600px) { .catalog-topbar { height:70px; padding:0 18px; }.brand img { width:34px; height:34px; }.topbar-status { font-size:8px; }.catalog-layout { min-height:calc(100vh - 70px); }.catalog-intro { padding:38px 22px; }.catalog-intro h1 { font-size:59px; }.catalog-area { padding:31px 18px; }.catalog-grid { grid-template-columns:1fr; gap:14px; }.catalog-heading h2 { font-size:46px; }.card-body h3 { min-height:auto; }.card-description { min-height:auto; }.admin-shell { width:min(100% - 28px,1180px); padding-top:20px; }.admin-brand { margin-bottom:36px; }.login-panel { padding:23px; }.login-panel h1 { font-size:57px; }.dashboard-head { align-items:start; }.dashboard h1 { font-size:45px; }.product-form,.product-list-wrap { padding:17px; }.admin-item { grid-template-columns:47px minmax(0,1fr) auto; padding:8px; }.admin-thumb { width:47px; height:39px; } }

/* Modern catalogue and VIP flow */
.modern-page { overflow-x:hidden; background:#050705; }.field-lines { position:fixed; z-index:0; inset:88px 0 0; pointer-events:none; opacity:.46; background:linear-gradient(90deg,transparent 0 12%,rgba(99,255,24,.14) 12.05% 12.1%,transparent 12.15% 50%,rgba(99,255,24,.12) 50.05% 50.1%,transparent 50.15% 88%,rgba(99,255,24,.12) 88.05% 88.1%,transparent 88.15%),linear-gradient(0deg,transparent 0 21%,rgba(99,255,24,.07) 21.05% 21.1%,transparent 21.15% 77%,rgba(99,255,24,.07) 77.05% 77.1%,transparent 77.15%); }
.modern-topbar { position:relative; background:rgba(6,9,6,.82); backdrop-filter:blur(16px); }.modern-topbar nav { display:flex; align-items:center; gap:24px; }.modern-topbar nav a { color:#bdcbbd; text-decoration:none; font:800 10px Manrope,sans-serif; letter-spacing:.14em; }.modern-topbar nav a:hover { color:var(--green); }.modern-topbar nav .vip-nav { display:flex; align-items:center; gap:12px; padding:11px 14px; border:1px solid rgba(99,255,24,.62); color:var(--green-soft); }.vip-nav b { font-size:17px; line-height:0; }
.modern-hero { position:relative; z-index:1; min-height:530px; display:grid; grid-template-columns:1fr minmax(400px,760px) 1fr; align-items:center; gap:28px; padding:76px clamp(28px,6vw,112px) 62px; overflow:hidden; border-bottom:1px solid var(--line); }.modern-hero:after { content:""; position:absolute; width:690px; height:690px; right:-210px; top:-270px; border:1px solid rgba(99,255,24,.28); border-radius:50%; box-shadow:0 0 0 70px rgba(99,255,24,.025),0 0 0 140px rgba(99,255,24,.018); pointer-events:none; }.hero-mark { align-self:start; color:rgba(235,255,235,.16); font:800 clamp(78px,12vw,190px)/.72 "Barlow Condensed",sans-serif; letter-spacing:-.09em; user-select:none; }.hero-mark span { color:var(--green); }.hero-copy { position:relative; z-index:1; }.hero-copy h1 { margin:0 0 20px; font:800 clamp(70px,8.6vw,138px)/.77 "Barlow Condensed",sans-serif; letter-spacing:-.045em; }.hero-copy>p:not(.eyebrow) { max-width:450px; margin:0; color:#b6c4b8; font-size:13px; line-height:1.75; }.hero-action { display:flex; align-items:center; justify-content:space-between; width:min(100%,300px); margin-top:31px; padding:15px 16px; border:1px solid rgba(99,255,24,.7); color:var(--green); text-decoration:none; font:800 11px Manrope,sans-serif; letter-spacing:.1em; transition:.2s; }.hero-action:hover { color:#081106; background:var(--green); transform:translateX(4px); }.hero-action b { font-size:17px; }.vip-hero-card { position:relative; z-index:1; align-self:end; display:block; min-height:265px; padding:22px; border:1px solid rgba(99,255,24,.52); color:var(--white); background:linear-gradient(145deg,rgba(99,255,24,.22),rgba(8,15,9,.9) 60%); text-decoration:none; overflow:hidden; transition:.25s; }.vip-hero-card:hover { transform:translateY(-8px); box-shadow:0 15px 50px rgba(99,255,24,.15); }.vip-hero-card:before { content:""; position:absolute; width:250px; height:250px; border:30px solid rgba(99,255,24,.14); border-radius:50%; right:-100px; bottom:-105px; }.vip-chip { position:relative; display:inline-block; padding:6px 8px; background:var(--green); color:#071106; font:800 9px Manrope,sans-serif; letter-spacing:.14em; }.vip-hero-card strong { position:relative; display:block; margin:38px 0 10px; font:800 52px/.8 "Barlow Condensed",sans-serif; letter-spacing:-.025em; }.vip-hero-card p { position:relative; max-width:160px; margin:0; color:#b5c6b7; font-size:10px; line-height:1.5; }.vip-arrow { position:absolute; right:20px; bottom:15px; color:var(--green); font-size:30px; }.system-strip { position:relative; z-index:1; display:flex; justify-content:center; gap:42px; padding:15px; border-bottom:1px solid var(--line); background:#0c120d; color:#d5e6d6; font:800 9px Manrope,sans-serif; letter-spacing:.14em; }.system-strip span { display:flex; align-items:center; gap:7px; }.system-strip i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 9px var(--green); }.modern-catalog { position:relative; z-index:1; width:min(1440px,100%); margin:auto; padding-top:68px; }.modern-catalog .catalog-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.modern-catalog .download-card { background:linear-gradient(150deg,rgba(99,255,24,.09),transparent 31%),#0a100b; }.card-number { position:absolute; top:10px; right:11px; padding:5px 7px; color:#071106; background:var(--green); font:800 10px Manrope,sans-serif; }.modern-catalog .card-body { padding:17px; }.modern-catalog .card-body h3 { font-size:22px; }.modern-catalog .download-button { min-height:44px; font-size:13px; }
.wait-page,.vip-page { min-height:100vh; background:radial-gradient(circle at 12% 16%,rgba(99,255,24,.13),transparent 25%),#050705; }.wait-shell { width:min(920px,calc(100% - 40px)); margin:auto; padding:34px 0; }.wait-card { max-width:760px; margin:110px auto 0; padding:clamp(27px,5vw,58px); border:1px solid rgba(99,255,24,.31); background:linear-gradient(135deg,rgba(99,255,24,.11),transparent 44%),#0a100b; box-shadow:0 30px 90px rgba(0,0,0,.34); }.wait-card h1,.vip-pitch h1 { margin:0; font:800 clamp(54px,7vw,100px)/.78 "Barlow Condensed",sans-serif; letter-spacing:-.045em; }.wait-subtitle { margin:20px 0 35px; color:#b7c6b9; font-size:13px; }.wait-progress { height:7px; overflow:hidden; background:#1c2b1e; }.wait-progress span { display:block; width:0; height:100%; background:var(--green); box-shadow:0 0 16px var(--green); transition:width .2s linear; }.stages { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:25px; }.stage { min-height:74px; padding:10px; border:1px solid #263528; color:#79867b; }.stage span { display:block; margin-bottom:10px; font:800 9px Manrope,sans-serif; }.stage b { display:block; font:700 14px/1 "Barlow Condensed",sans-serif; letter-spacing:.04em; }.stage i { display:block; margin-top:8px; color:#6c776d; font:800 9px Manrope,sans-serif; font-style:normal; }.stage.active { border-color:var(--green); color:var(--white); box-shadow:inset 0 -3px var(--green); }.stage.active i,.stage.done i,.stage.done span { color:var(--green); }.stage.done { color:#b5c5b7; border-color:#3a6240; }.wait-bottom { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:28px; }.wait-bottom>span { color:var(--green); font:800 35px/1 "Barlow Condensed",sans-serif; }.wait-vip-link { color:var(--green-soft); font:800 10px Manrope,sans-serif; letter-spacing:.1em; text-decoration:none; }.wait-vip-link:hover { color:var(--white); }
.vip-shell { width:min(1220px,calc(100% - 40px)); margin:auto; }.vip-topbar { padding:0; background:transparent; }.vip-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; min-height:calc(100vh - 88px); padding:65px 0; }.vip-pitch>p:not(.eyebrow) { max-width:500px; margin:26px 0; color:#b7c6b9; font-size:14px; line-height:1.8; }.vip-pitch ul { display:grid; gap:12px; margin:34px 0 0; padding:0; list-style:none; color:var(--green-soft); font:700 12px Manrope,sans-serif; }.vip-pitch li:before { content:"✓"; margin-right:10px; color:var(--green); }.vip-panel { padding:35px; border:1px solid rgba(99,255,24,.38); background:linear-gradient(150deg,rgba(99,255,24,.16),transparent 38%),var(--panel); }.vip-panel h2 { margin:25px 0 7px; font:800 50px/.8 "Barlow Condensed",sans-serif; }.vip-panel>p { color:var(--muted); font-size:12px; }.vip-panel .admin-form { margin-top:23px; }.vip-panel small { color:#7a987e; font-size:8px; }.vip-result { margin-top:14px; padding:15px; border:1px solid rgba(99,255,24,.52); background:#0b150c; }.vip-result span { display:block; margin-bottom:8px; color:var(--green); font:800 9px Manrope,sans-serif; letter-spacing:.12em; }.vip-result strong { display:block; color:var(--white); font:800 20px "Barlow Condensed",sans-serif; letter-spacing:.07em; }.vip-result p,.vip-note { margin:8px 0 0 !important; color:#92a994 !important; font-size:10px !important; line-height:1.6; }.vip-divider { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:11px; margin:25px 0 0; color:#6b776c; font:800 9px Manrope,sans-serif; }.vip-divider:before,.vip-divider:after { content:""; height:1px; background:#29352a; }.outline-button { min-height:44px; border:1px solid var(--green); background:transparent; color:var(--green); font:800 12px "Barlow Condensed",sans-serif; letter-spacing:.1em; }.outline-button:hover { background:rgba(99,255,24,.12); }.vip-note { margin-top:24px !important; border-top:1px solid var(--line); padding-top:16px; }
@media (max-width:1050px) { .modern-hero { grid-template-columns:1fr 1.5fr; }.hero-mark { display:none; }.modern-catalog .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.vip-layout { gap:35px; } }
@media (max-width:740px) { .modern-topbar nav { gap:12px; }.modern-topbar nav a:first-child { display:none; }.modern-hero { min-height:0; grid-template-columns:1fr; padding:58px 22px 25px; }.hero-copy h1 { font-size:75px; }.vip-hero-card { min-height:180px; }.vip-hero-card strong { margin:23px 0 7px; font-size:45px; }.system-strip { justify-content:flex-start; overflow:auto; padding-left:22px; gap:24px; white-space:nowrap; }.modern-catalog { padding:48px 18px; }.modern-catalog .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.wait-shell,.vip-shell { width:min(100% - 28px,920px); }.wait-card { margin-top:60px; }.stages { grid-template-columns:repeat(2,1fr); }.vip-layout { grid-template-columns:1fr; padding:42px 0; }.vip-panel { padding:23px; }.vip-topbar { height:70px; }.vip-pitch h1 { font-size:65px; } }
@media (max-width:430px) { .modern-topbar { padding:0 15px; }.brand { font-size:17px; }.modern-catalog .catalog-grid { grid-template-columns:1fr; }.hero-copy h1 { font-size:64px; }.stages { gap:6px; }.stage { min-height:64px; padding:8px; }.wait-bottom { align-items:flex-start; flex-direction:column; }.vip-panel h2 { font-size:42px; } }

.vip-admin-section { margin-top:28px; padding:28px; border:1px solid var(--line); background:linear-gradient(135deg,rgba(99,255,24,.06),transparent 45%),var(--panel); }.vip-admin-head { display:flex; align-items:end; justify-content:space-between; gap:28px; padding-bottom:20px; border-bottom:1px solid var(--line); }.vip-admin-head h2 { margin:0; font:800 39px/.8 "Barlow Condensed",sans-serif; }.vip-admin-head>p { max-width:420px; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }.vip-admin-grid { display:grid; grid-template-columns:.85fr .85fr 1.3fr; gap:15px; padding-top:20px; }.vip-admin-grid>.product-form,.vip-list-wrap { min-height:0; padding:18px; border:1px solid #263528; background:#0b100c; }.vip-admin-grid h3 { margin:0; font:700 20px "Barlow Condensed",sans-serif; letter-spacing:.04em; }.vip-list { display:grid; gap:8px; margin-top:13px; }.vip-item { display:flex; align-items:center; justify-content:space-between; gap:9px; padding:10px; border:1px solid #2b382d; background:#101711; }.vip-item strong { display:block; color:var(--green-soft); font:800 14px "Barlow Condensed",sans-serif; letter-spacing:.08em; }.vip-item p { margin:4px 0 0; color:var(--muted); font-size:9px; }.vip-item button { border:1px solid #614040; padding:7px; background:transparent; color:#ff9999; font:800 8px Manrope,sans-serif; letter-spacing:.08em; }.vip-item.inactive { opacity:.52; }.vip-item>span { color:#a3aea4; font:800 8px Manrope,sans-serif; letter-spacing:.08em; }
@media (max-width:900px) { .vip-admin-grid { grid-template-columns:1fr 1fr; }.vip-list-wrap { grid-column:1/-1; }.vip-admin-head { align-items:start; flex-direction:column; gap:12px; } }
@media (max-width:560px) { .vip-admin-section { padding:17px; }.vip-admin-grid { grid-template-columns:1fr; }.vip-list-wrap { grid-column:auto; }.vip-item { align-items:flex-start; flex-direction:column; } }

/* Bruno Goals v3 — curvas, camadas e superfícies fluidas */
.organic-page { background:radial-gradient(circle at 50% -5%,#174a18 0,transparent 36%),#061008; overflow-x:hidden; }.organic-page .grain { opacity:.18; }.orb { position:fixed; z-index:0; pointer-events:none; border-radius:50%; filter:blur(2px); }.orb-one { width:580px; height:580px; top:180px; right:-260px; border:1px solid rgba(112,255,42,.2); box-shadow:0 0 0 62px rgba(112,255,42,.025),0 0 0 125px rgba(112,255,42,.018); }.orb-two { width:400px; height:400px; left:-200px; bottom:-110px; background:rgba(77,255,15,.08); filter:blur(76px); }
.organic-header { position:relative; z-index:2; width:min(1280px,calc(100% - 36px)); height:70px; display:flex; align-items:center; justify-content:space-between; padding:0 12px 0 18px; margin:20px auto 0; border:1px solid rgba(224,255,227,.15); border-radius:999px; background:rgba(7,16,8,.72); backdrop-filter:blur(18px); }.organic-header nav { display:flex; align-items:center; gap:22px; }.organic-header nav>a { color:#bdcdbf; text-decoration:none; font:800 10px Manrope,sans-serif; letter-spacing:.15em; }.organic-header .header-vip { display:flex; gap:10px; align-items:center; padding:12px 16px; border-radius:999px; color:#071006; background:var(--green); }.organic-header .header-vip b { font-size:15px; }.organic-header .header-vip:hover { background:#d1ffb8; }
.organic-hero { position:relative; z-index:1; isolation:isolate; width:min(1280px,calc(100% - 36px)); min-height:560px; display:grid; grid-template-columns:1fr .9fr; gap:25px; align-items:center; padding:74px clamp(30px,7vw,110px); margin:20px auto 0; overflow:hidden; border-radius:44px; background:radial-gradient(circle at 75% 50%,rgba(107,255,28,.31),transparent 27%),linear-gradient(120deg,#0b2a0f 0%,#071108 48%,#0a130b 100%); }.organic-hero:before { content:""; position:absolute; z-index:-1; width:670px; height:670px; top:-330px; right:-40px; border:60px solid rgba(147,255,97,.13); border-radius:48% 52% 40% 60% / 58% 38% 62% 42%; transform:rotate(17deg); }.organic-hero:after { content:""; position:absolute; z-index:-1; width:360px; height:240px; bottom:-110px; left:-60px; border-radius:55% 45% 0 0; background:rgba(122,255,46,.13); filter:blur(18px); }.hero-label { position:absolute; top:28px; left:34px; display:flex; gap:8px; align-items:center; color:#c7dcc8; font:800 9px Manrope,sans-serif; letter-spacing:.16em; }.hero-label span { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }.hero-main { position:relative; z-index:1; }.organic-hero .hero-main h1 { margin:0 0 19px; font:800 clamp(72px,8.7vw,132px)/.76 "Barlow Condensed",sans-serif; letter-spacing:-.05em; }.organic-hero .hero-main>p:not(.eyebrow) { max-width:410px; margin:0; color:#c0cdc1; font-size:14px; line-height:1.75; }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:30px; }.pill-action,.soft-action { display:flex; align-items:center; justify-content:space-between; min-height:51px; padding:0 19px; border-radius:999px; text-decoration:none; font:800 10px Manrope,sans-serif; letter-spacing:.11em; transition:.2s; }.pill-action { gap:29px; color:#061006; background:var(--green); box-shadow:0 11px 28px rgba(99,255,24,.16); }.pill-action:hover { transform:translateY(-3px); background:#d2ffb9; }.soft-action { color:var(--green-soft); border:1px solid rgba(195,255,178,.32); background:rgba(7,17,8,.22); }.soft-action:hover { border-color:var(--green); color:var(--white); }.hero-visual { position:relative; z-index:1; min-height:360px; display:grid; place-items:center; }.visual-ring { position:relative; width:min(29vw,290px); min-width:230px; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(215,255,211,.53); border-radius:45% 55% 55% 45% / 55% 40% 60% 45%; transform:rotate(-10deg); background:rgba(5,13,6,.45); box-shadow:inset 0 0 60px rgba(99,255,24,.13),0 25px 50px rgba(0,0,0,.26); }.visual-ring:before { content:""; position:absolute; inset:18px; border:1px dashed rgba(99,255,24,.55); border-radius:50%; }.visual-ring img { position:relative; z-index:1; width:76%; aspect-ratio:1; object-fit:cover; border-radius:50%; box-shadow:0 0 38px rgba(99,255,24,.3); transform:rotate(10deg); }.visual-word { position:absolute; top:42%; right:-10px; color:rgba(235,255,235,.09); font:800 clamp(55px,7vw,105px)/.7 "Barlow Condensed",sans-serif; letter-spacing:-.06em; transform:rotate(-90deg); }.floating-note { position:absolute; right:-1%; bottom:8%; display:grid; gap:5px; padding:16px 18px; min-width:170px; border-radius:19px 19px 19px 4px; color:#071006; background:#caffaf; transform:rotate(4deg); box-shadow:0 18px 35px rgba(0,0,0,.2); }.floating-note b { font:800 12px Manrope,sans-serif; letter-spacing:.13em; }.floating-note span { font-size:10px; line-height:1.5; }
.benefits { position:relative; z-index:1; width:min(1160px,calc(100% - 52px)); display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:-43px auto 0; }.benefits article { min-height:180px; padding:25px; border:1px solid rgba(232,255,234,.14); border-radius:30px; background:rgba(11,21,12,.88); box-shadow:0 18px 45px rgba(0,0,0,.15); }.benefits article>span { display:block; margin-bottom:26px; color:#75a67a; font:800 10px Manrope,sans-serif; letter-spacing:.18em; }.benefits article>b { display:block; font:800 27px/.86 "Barlow Condensed",sans-serif; letter-spacing:.02em; }.benefits article>p { margin:12px 0 0; color:#a8b9aa; font-size:10px; line-height:1.5; }.benefits .benefit-vip { position:relative; overflow:hidden; border-color:rgba(99,255,24,.55); background:linear-gradient(135deg,#153d15,#0e1e10); }.benefit-vip:after { content:"✦"; position:absolute; right:-6px; bottom:-20px; color:rgba(99,255,24,.2); font-size:130px; }.benefit-vip a { position:relative; z-index:1; display:inline-block; margin-top:15px; color:var(--green); font:800 9px Manrope,sans-serif; letter-spacing:.1em; text-decoration:none; }
.organic-catalog { position:relative; z-index:1; width:min(1280px,calc(100% - 36px)); padding:92px 0 80px; }.organic-catalog .catalog-heading { padding:0 10px 31px; border:0; align-items:flex-end; }.organic-catalog .catalog-heading h2 { font-size:clamp(54px,7vw,93px); line-height:.73; }.organic-catalog .catalog-summary { display:grid; justify-items:end; gap:12px; }.catalog-summary>span { padding:9px 13px; border-radius:999px; color:#cbffb0; background:rgba(99,255,24,.11); font:800 9px Manrope,sans-serif; letter-spacing:.13em; }.catalog-summary>b { color:#dbe8dc; font:800 12px Manrope,sans-serif; letter-spacing:.12em; }.organic-catalog .catalog-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:19px; padding-top:0; }.organic-catalog .download-card { overflow:hidden; border:1px solid rgba(235,255,237,.14); border-radius:28px; background:linear-gradient(153deg,rgba(162,255,123,.12),transparent 35%),rgba(9,17,10,.94); box-shadow:0 16px 40px rgba(0,0,0,.12); }.organic-catalog .download-card:hover { transform:translateY(-8px) rotate(-.4deg); border-color:rgba(135,255,76,.7); }.organic-catalog .download-card.vip-product { border-color:rgba(99,255,24,.6); background:linear-gradient(158deg,rgba(99,255,24,.24),transparent 43%),rgba(9,19,10,.94); }.organic-catalog .card-cover { margin:10px 10px 0; border-radius:19px; border:0; }.organic-catalog .card-body { padding:18px 18px 19px; }.organic-catalog .card-body h3 { min-height:40px; font-size:25px; }.organic-catalog .card-description { min-height:53px; }.organic-catalog .download-button { border-radius:999px; min-height:47px; padding:0 17px; }.vip-product-tag { position:absolute; top:11px; left:11px; padding:7px 9px; border-radius:999px; color:#071006; background:var(--green); font:800 9px Manrope,sans-serif; letter-spacing:.1em; }
.vip-page { background:radial-gradient(circle at 80% 8%,rgba(99,255,24,.18),transparent 28%),#061008; }.vip-topbar { width:min(1180px,calc(100% - 40px)); margin:auto; padding:0; border-bottom:0; background:transparent; }.vip-layout { width:min(1180px,calc(100% - 40px)); margin:auto; gap:46px; }.vip-pitch { padding:38px 20px 38px 0; }.vip-panel { border:1px solid rgba(206,255,196,.22); border-radius:38px 38px 12px 38px; background:linear-gradient(145deg,rgba(122,255,62,.22),transparent 42%),rgba(10,22,11,.88); box-shadow:0 28px 75px rgba(0,0,0,.25); }.vip-panel .admin-form input,.vip-panel .admin-form textarea { border-radius:15px; }.vip-panel .admin-primary,.vip-panel .outline-button { border-radius:999px; }.vip-panel .vip-result { border-radius:17px; }.vip-pitch li { padding:10px 15px; border-radius:999px; background:rgba(255,255,255,.05); width:max-content; max-width:100%; }.vip-pitch ul { gap:9px; }.vip-note { border-radius:14px; background:rgba(255,255,255,.035); padding:14px !important; border-top:0; }
.wait-page { background:radial-gradient(circle at 22% 5%,rgba(99,255,24,.15),transparent 30%),#061008; }.wait-card { border:1px solid rgba(205,255,196,.2); border-radius:38px 38px 38px 8px; background:linear-gradient(150deg,rgba(122,255,62,.14),transparent 45%),rgba(10,19,10,.92); }.wait-progress,.wait-progress span { border-radius:999px; }.stage { border-radius:16px; }.wait-vip-link { padding:10px 13px; border-radius:999px; background:rgba(99,255,24,.11); }
.admin-page { background:radial-gradient(circle at 90% 3%,rgba(99,255,24,.13),transparent 24%),#071008; }.login-panel,.product-form,.product-list-wrap,.vip-admin-section { border-radius:25px; }.admin-primary,.outline-button { border-radius:999px; }.admin-form input,.product-form input,.product-form textarea { border-radius:13px; }.admin-item,.vip-item { border-radius:15px; }.vip-permanent-note { margin:0; padding:12px; border-radius:14px; color:#b6cdb9; background:rgba(99,255,24,.08); font-size:10px; line-height:1.5; }.vip-permanent-note strong { color:var(--green); }
@media (max-width:1020px) { .organic-hero { grid-template-columns:1.2fr .8fr; }.organic-catalog .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.benefits { width:min(960px,calc(100% - 36px)); } }
@media (max-width:720px) { .organic-header { width:calc(100% - 24px); margin-top:12px; }.organic-header nav>a:first-child { display:none; }.organic-hero { width:calc(100% - 24px); min-height:0; grid-template-columns:1fr; padding:77px 26px 30px; border-radius:31px; }.organic-hero .hero-main h1 { font-size:71px; }.hero-visual { min-height:270px; }.visual-ring { min-width:210px; width:230px; }.floating-note { right:5%; bottom:0; }.benefits { grid-template-columns:1fr; width:calc(100% - 48px); margin:20px auto 0; }.benefits article { min-height:140px; }.organic-catalog { width:calc(100% - 24px); padding-top:63px; }.organic-catalog .catalog-heading { align-items:start; gap:20px; flex-direction:column; }.organic-catalog .catalog-summary { justify-items:start; }.organic-catalog .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.organic-catalog .card-body h3 { font-size:23px; }.vip-layout { width:calc(100% - 28px); }.vip-pitch { padding:28px 0 0; } }
@media (max-width:470px) { .organic-header nav { gap:8px; }.organic-header .header-vip { padding:10px 12px; }.organic-hero .hero-main h1 { font-size:59px; }.hero-actions { align-items:stretch; flex-direction:column; }.pill-action,.soft-action { justify-content:center; }.organic-catalog .catalog-grid { grid-template-columns:1fr; }.organic-catalog .catalog-heading h2 { font-size:61px; }.visual-word { right:-30px; } }