/* =========================================================
   OBSIDIAN NETWORKS V5 — premium midnight/red visual pass
   ========================================================= */
:root{--v5-red:#f12c45;--v5-red2:#a80e22;--v5-white:#f8f8fa;--v5-card:rgba(12,12,17,.74)}
.v4Body{background:#040406}
.v4Body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
 radial-gradient(900px 520px at 84% 4%,rgba(241,44,69,.10),transparent 63%),
 radial-gradient(700px 520px at 5% 44%,rgba(241,44,69,.05),transparent 68%),
 linear-gradient(180deg,#040406,#07070b 55%,#040406)}
.v4Header{height:76px;padding:0 max(24px,calc((100vw - 1460px)/2));border-bottom:1px solid rgba(255,255,255,.075);background:rgba(4,4,6,.77);box-shadow:0 16px 70px rgba(0,0,0,.25)}
.v4BrandIcon{width:44px;height:44px;border-radius:13px;background:radial-gradient(circle,rgba(241,44,69,.12),#09090d 70%);border-color:rgba(241,44,69,.18)}
.v4BrandIcon img{width:55px;height:55px}.v4BrandText b{font-size:12px}.v4Nav a{font-size:9px;color:#8f8f9a}.v4Nav a.active:after{bottom:-29px}
.v4Hero{min-height:860px;padding-top:126px;background:none;overflow:hidden}
.v4Hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(90deg,rgba(4,4,6,.97) 0%,rgba(4,4,6,.89) 31%,rgba(4,4,6,.42) 62%,rgba(4,4,6,.88) 100%),
 linear-gradient(0deg,#040406 1%,transparent 46%)}
.v4HeroGrid{position:relative;z-index:2;grid-template-columns:.88fr 1.12fr;gap:52px}
.v4HeroCopy{position:relative;z-index:4}.v4Hero h1{font-size:clamp(62px,6.4vw,94px);letter-spacing:-5px;text-shadow:0 8px 45px rgba(0,0,0,.38)}
.v4Hero h1 em{background:linear-gradient(90deg,#ff4258,#bd1026);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4HeroCopy>p{max-width:610px;color:#a1a1aa;font-size:13px}.v4HeroButtons .v4Btn{min-height:51px;border-radius:10px}
.v4HeroMedia{border-radius:24px;transform:perspective(1600px) rotateY(-4deg) rotateX(1deg);border-color:rgba(255,255,255,.12);box-shadow:0 55px 140px rgba(0,0,0,.58),0 0 80px rgba(241,44,69,.07)}
.v4HeroMedia:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 30%,transparent 70%,rgba(241,44,69,.07))}
.v4HeroMedia img{aspect-ratio:1.58/1;filter:saturate(.92) contrast(1.06);object-position:center}
.v4HeroStats article{padding:16px 15px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.018)}
.v4Ticker{background:#08080c;border-color:rgba(241,44,69,.12)}.v4Ticker div{color:#60606a}.v4Ticker span{color:#d9233b}
.v4Intro{padding-top:125px}.v4SectionLead h2,.v4SectionHead h2{font-weight:900}.v4IntroCopy{padding:23px;border-left:1px solid rgba(241,44,69,.28)}
.v4FeatureGrid{gap:15px}.v4FeatureCard{min-height:285px;border-radius:20px;background:linear-gradient(145deg,rgba(15,15,21,.82),rgba(7,7,10,.74));border-color:rgba(255,255,255,.07)}
.v4FeatureCard:hover{transform:translateY(-4px);border-color:rgba(241,44,69,.19);box-shadow:0 35px 90px rgba(0,0,0,.28)}
.v4FeatureIcon{width:47px;height:47px;border-radius:13px}.v4FeatureCard h3{font-size:15px}
.v4BannerStage{border-radius:25px;min-height:500px;box-shadow:0 45px 130px rgba(0,0,0,.38);border-color:rgba(255,255,255,.09)}
.v4BannerStage:before{content:"OBSIDIAN";position:absolute;z-index:2;right:30px;bottom:-20px;color:rgba(255,255,255,.025);font-size:120px;font-weight:950;letter-spacing:-8px}
.v4BannerOverlay h2{font-size:54px}.v4HomeGalleryGrid{height:380px}.v4GalleryCard{border-radius:17px}
.v4GalleryCard:hover{border-color:rgba(241,44,69,.24);box-shadow:0 20px 65px rgba(0,0,0,.35)}
.v4SubHero{padding-top:150px;background:
 radial-gradient(800px 350px at 15% 100%,rgba(241,44,69,.11),transparent 60%),
 linear-gradient(180deg,#060609,#08080c)}
.v4SubHero h1{font-weight:950}.v4RulesLayout{gap:35px}.v4RulesSide{border-right:1px solid rgba(255,255,255,.055);padding-right:18px}
.v4RuleCard{background:linear-gradient(145deg,rgba(11,11,16,.86),rgba(8,8,11,.82));border-color:rgba(255,255,255,.07)}
.v4RuleCard:hover{border-color:rgba(241,44,69,.14)}.v4RuleHead{padding:21px}.v4RuleHead h2{font-size:15px}
.v4RankGroup{padding:24px;border:1px solid rgba(255,255,255,.065);border-radius:20px;background:linear-gradient(145deg,rgba(12,12,17,.76),rgba(7,7,10,.68))}
.v4RankHead{border-bottom-color:color-mix(in srgb,var(--rank) 22%,transparent)}.v4StaffGrid{gap:12px}
.v4StaffCard{min-height:102px;border-radius:16px;background:rgba(255,255,255,.024)}.v4StaffAvatar{width:69px;height:69px;border-radius:17px}
.v4StaffAvatar img{border-radius:15px}.v4StaffInfo h3{font-size:14px}.v4StaffInfo span{letter-spacing:1.6px}
.v4GalleryToolbar{padding:14px 15px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.018)}
.v4GalleryGrid{gap:12px}.v4CreatorCard{border-radius:20px;background:linear-gradient(145deg,rgba(12,12,17,.86),rgba(7,7,10,.78))}
.v4CreatorMedia{height:270px}.v4CreatorInfo{padding:22px}.v4CreatorInfo h3{font-size:24px}.v4CreatorCard:hover{box-shadow:0 35px 100px rgba(0,0,0,.38),0 0 55px color-mix(in srgb,var(--creator) 8%,transparent)}
.v4Footer{padding-top:46px}

/* dashboard V5 */
.v4DashBody{background:
 radial-gradient(900px 600px at 95% 0%,rgba(241,44,69,.055),transparent 60%),
 #050507}
.v4DashSide{width:268px;padding:19px 16px;background:linear-gradient(180deg,#09090e,#050507);box-shadow:16px 0 80px rgba(0,0,0,.18)}
.v4Dash{grid-template-columns:268px 1fr}.v4DashWorkspace{grid-column:2}
.v4DashBrand{padding:7px 8px 15px;border-bottom:1px solid rgba(255,255,255,.055)}
.v4DashBrand img{width:46px;height:46px}.v4DashNav{gap:5px}.v4DashNav button{height:46px;border-radius:11px}
.v4DashNav button.active{background:linear-gradient(90deg,rgba(241,44,69,.14),rgba(241,44,69,.025));box-shadow:inset 3px 0 #ef233c}
.v4DashTopbar{height:72px;padding:0 32px}.v4DashTopbar>div:first-of-type small{font-size:6px;color:#51515a;margin-left:7px}
.v4DashContent{padding:34px;max-width:1600px}.v4DashPageHead{margin-bottom:29px}.v4DashPageHead h1{font-size:38px}
.v4DashPanel{border-radius:15px;background:linear-gradient(145deg,rgba(12,12,17,.88),rgba(7,7,10,.8));border-color:rgba(255,255,255,.065)}
.v4DashPanelHead{min-height:58px}.v4DashStats{gap:10px}.v4DashStats article{border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.v4QuickActions button{min-height:66px;border-radius:11px}.v4QuickActions button:hover{border-color:rgba(241,44,69,.18);background:rgba(241,44,69,.035)}
.v4RankEditor,.v4CreatorEditor{border-radius:14px;background:#08080c}.v4RankEditorTop,.v4CreatorEditorHead{padding:3px 2px 13px}
.v4AddBlock{height:48px;border-radius:11px}.v4GalleryControl{gap:20px}
.v4DashGalleryPreview article{height:125px;border-radius:10px}.v4BanRow{border-radius:10px;min-height:58px}
.v4DashBtn{border-radius:9px}.v4DashBtn.primary{box-shadow:0 10px 28px rgba(239,35,60,.13)}
.v4Input,.v4Select,.v4Textarea{background:#0a0a0f;border-color:rgba(255,255,255,.075)}.v4Input:focus,.v4Select:focus,.v4Textarea:focus{border-color:rgba(241,44,69,.38);box-shadow:0 0 0 3px rgba(241,44,69,.05)}
.v5Fatal{position:fixed;z-index:999;left:50%;top:105px;transform:translateX(-50%);width:min(640px,calc(100% - 30px));display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px 16px;border:1px solid rgba(255,86,105,.3);border-radius:12px;background:rgba(20,8,11,.96);box-shadow:0 25px 90px rgba(0,0,0,.55);color:#fff}
.v5Fatal b{font-size:8px;color:#ff7180}.v5Fatal span{font-size:8px;color:#bbb}.v5Fatal button{height:31px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111116;color:#fff;font-size:7px;font-weight:900;cursor:pointer}
.v5DashFatal{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px;text-align:center;background:#050507;color:#fff}.v5DashFatal img{width:80px;height:80px;object-fit:contain}.v5DashFatal b{font-size:13px;letter-spacing:1.2px}.v5DashFatal span{max-width:620px;color:#8d8d98;font-size:10px}.v5DashFatal a,.v5DashFatal button{height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0d0d12;color:#fff;font-size:8px;font-weight:900;display:flex;align-items:center;cursor:pointer}
@media(max-width:900px){.v4DashSide{width:268px}.v4DashWorkspace{grid-column:auto}.v4HeroMedia{transform:none}.v4RankGroup{padding:17px}}