:root {
  --red: #ef1212;
  --red-dark: #a40000;
  --red-soft: rgba(239,18,18,.12);
  --black: #050505;
  --black-2: #090909;
  --panel: #101010;
  --panel-2: #151515;
  --line: #292929;
  --line-soft: #1d1d1d;
  --white: #f7f7f7;
  --muted: #a0a0a0;
  --muted-2: #707070;
  --green: #35d07f;
  --yellow: #e7b743;
  --danger: #ff3e3e;
  --shadow: 0 20px 70px rgba(0,0,0,.38);
  --container: 1240px;
  --sidebar: 272px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; }
body { margin: 0; background: var(--black); color: var(--white); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body, input, textarea, select, button { font: inherit; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { cursor: pointer; }
::selection { background: var(--red); color: #fff; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.noise { position: fixed; inset: 0; z-index: 1000; pointer-events: none; opacity: .04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }
.eyebrow, .kicker { color: var(--red); font-size: .76rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.kicker { display: inline-flex; align-items: center; gap: 10px; }
.kicker i { width: 28px; height: 2px; background: var(--red); display: inline-block; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { line-height: 1.08; letter-spacing: -.035em; }
h1 { font-size: clamp(3rem, 7vw, 6.8rem); }
h2 { font-size: clamp(2rem, 4vw, 3.8rem); }
h3 { font-size: 1.35rem; }
p { color: #bdbdbd; }
.btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 50px; padding: 13px 24px; border: 1px solid var(--red); background: var(--red); color: #fff; font-size: .82rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; border-radius: 1px; transition: .22s ease; box-shadow: 0 0 0 rgba(239,18,18,0); }
.btn:hover { transform: translateY(-2px); background: #ff2222; box-shadow: 0 13px 35px rgba(239,18,18,.22); }
.btn-ghost { background: transparent; border-color: #464646; color: #fff; }
.btn-ghost:hover { border-color: var(--red); background: var(--red-soft); }
.btn-small { min-height: 38px; padding: 8px 14px; font-size: .7rem; }
.btn-wide { width: 100%; }
.text-link { color: #fff; font-weight: 800; border-bottom: 1px solid var(--red); padding-bottom: 3px; transition: color .2s; }
.text-link:hover { color: var(--red); }
.flash { margin-top: 20px; padding: 14px 18px; border-left: 3px solid; background: #111; position: relative; z-index: 2; }
.flash.success { border-color: var(--green); color: #d9ffeb; }
.flash.error { border-color: var(--danger); color: #ffdede; }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; background: linear-gradient(to bottom, rgba(5,5,5,.98), rgba(5,5,5,.76), transparent); transition: .25s; }
.site-header.scrolled { background: rgba(5,5,5,.96); border-bottom: 1px solid #202020; backdrop-filter: blur(16px); }
.header-inner { height: 94px; display: flex; align-items: center; justify-content: space-between; }
.brand { width: 190px; height: 73px; overflow: hidden; display: flex; align-items: center; }
.brand img { width: 190px; height: auto; }
.main-nav { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 34px); }
.main-nav > a:not(.btn) { font-size: .78rem; font-weight: 750; color: #bbb; position: relative; }
.main-nav > a:not(.btn)::after { content: ''; position: absolute; left: 0; bottom: -8px; width: 0; height: 2px; background: var(--red); transition: width .2s; }
.main-nav > a:hover, .main-nav > a.active { color: #fff; }
.main-nav > a:hover::after, .main-nav > a.active::after { width: 100%; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid #333; background: #0c0c0c; padding: 10px; }
.menu-toggle span { display:block; height:2px; background:#fff; margin:5px 0; }

/* Hero */
.hero { min-height: 100svh; padding: 145px 0 90px; position: relative; overflow: hidden; display:flex; align-items:center; }
.hero::before { content:''; position:absolute; width:600px; height:600px; border:1px solid rgba(239,18,18,.13); border-radius:50%; right:-210px; top:80px; box-shadow:0 0 120px rgba(239,18,18,.07); }
.hero::after { content:''; position:absolute; inset:auto 0 0; height:220px; background:linear-gradient(transparent,var(--black)); }
.hero-grid { position:absolute; inset:0; opacity:.2; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,#000,transparent 84%); }
.hero-inner { display:grid; grid-template-columns:1.18fr .82fr; align-items:center; gap:70px; position:relative; z-index:2; }
.hero-copy h1 { max-width: 900px; margin: 24px 0 24px; }
.hero-copy h1 em { color:var(--red); font-style:normal; display:block; }
.hero-copy > p { max-width:680px; font-size:clamp(1.06rem,1.6vw,1.35rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.trust-row { display:flex; flex-wrap:wrap; gap:30px; margin-top:38px; color:#8b8b8b; font-size:.77rem; text-transform:uppercase; letter-spacing:.08em; }
.trust-row span::before { content:'✓'; color:var(--red); margin-right:8px; font-weight:900; }
.hero-visual { position:relative; display:flex; justify-content:center; }
.focus-frame { width:min(470px,100%); aspect-ratio:1; position:relative; display:grid; place-items:center; background:radial-gradient(circle,rgba(239,18,18,.09),transparent 58%); }
.focus-frame::before,.focus-frame::after { content:''; position:absolute; inset:50% auto auto 0; width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--red),transparent); opacity:.45; animation:scanHorizontal 4s ease-in-out infinite; }
.focus-frame::after { inset:0 auto auto 50%; width:1px; height:100%; background:linear-gradient(transparent,var(--red),transparent); animation:scanVertical 4s ease-in-out infinite; }
.focus-frame img { width:88%; filter:drop-shadow(0 20px 55px rgba(0,0,0,.7)); animation:floatLogo 6s ease-in-out infinite; }
.focus-corner { position:absolute; width:55px; height:55px; border-color:var(--red); border-style:solid; }
.c1 { top:0; left:0; border-width:2px 0 0 2px; }.c2 { top:0;right:0;border-width:2px 2px 0 0}.c3{bottom:0;left:0;border-width:0 0 2px 2px}.c4{bottom:0;right:0;border-width:0 2px 2px 0}
.signal { position:absolute; right:-10px; bottom:30px; background:#0a0a0a; border:1px solid #303030; padding:10px 14px; font-size:.65rem; letter-spacing:.12em; font-weight:900; }
.signal b { display:inline-block; width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--green); }
.scroll-cue { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:3; color:#777; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; display:flex; flex-direction:column; align-items:center; }
.scroll-cue span { color:var(--red); font-size:1.2rem; animation:bounce 2s infinite; }
@keyframes floatLogo { 0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)} }
@keyframes bounce { 0%,100%{transform:translateY(0)}50%{transform:translateY(6px)} }
@keyframes scanHorizontal { 0%,100%{transform:translateY(-90px);opacity:.1}50%{transform:translateY(90px);opacity:.6} }
@keyframes scanVertical { 0%,100%{transform:translateX(-90px);opacity:.1}50%{transform:translateX(90px);opacity:.6} }

/* Public sections */
.section { padding: clamp(85px,10vw,145px) 0; position:relative; }
.section-dark { background:#090909; border-block:1px solid #161616; }
.section-heading { max-width:780px; margin-bottom:55px; }
.section-heading h2 { margin:16px 0 18px; }
.section-heading p { font-size:1.12rem; }
.section-heading.centered { margin-inline:auto; text-align:center; }
.split-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(50px,8vw,130px); align-items:start; }
.large-copy p { font-size:clamp(1.08rem,1.8vw,1.34rem); line-height:1.8; }
.large-copy strong { color:#fff; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.angle-card { background:linear-gradient(135deg,#151515,#0d0d0d); border:1px solid #252525; padding:36px 28px; min-height:300px; clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%); position:relative; transition:.25s; }
.angle-card::before { content:''; position:absolute; top:0;left:0;width:55px;height:3px;background:var(--red);transition:width .25s; }
.angle-card:hover { border-color:#4a1717; transform:translateY(-6px); }
.angle-card:hover::before { width:100%; }
.feature-number { color:var(--red); font-weight:900; font-size:.75rem; letter-spacing:.15em; }
.angle-card h3 { margin:40px 0 16px; }
.center-action { text-align:center; margin-top:48px; }
.stats-section { background:var(--red); padding:55px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stat { padding:20px 30px; border-right:1px solid rgba(255,255,255,.28); }
.stat:last-child { border-right:0; }
.stat strong { display:block; font-size:clamp(2.4rem,5vw,4.6rem); line-height:1; }
.stat span { display:block; margin-top:13px; font-weight:700; font-size:.8rem; text-transform:uppercase; letter-spacing:.07em; }
.creator-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.creator-grid-full { grid-template-columns:repeat(3,1fr); }
.creator-card { background:#101010; border:1px solid #242424; overflow:hidden; transition:.25s; position:relative; }
.creator-card:hover { transform:translateY(-5px); border-color:var(--red); }
.creator-image { aspect-ratio:1; background:#171717; position:relative; overflow:hidden; }
.creator-image img { width:100%;height:100%;object-fit:cover;transition:transform .35s; }
.creator-card:hover img { transform:scale(1.04); }
.creator-placeholder { width:100%;height:100%;display:grid;place-items:center;font-size:5rem;font-weight:950;color:var(--red);background:radial-gradient(circle at center,#231111,#0d0d0d); }
.creator-placeholder.huge { min-height:360px; }
.live-badge { position:absolute; top:14px;left:14px;background:var(--red);color:#fff;padding:7px 10px;font-size:.66rem;font-weight:900;letter-spacing:.06em; }
.live-badge.big { font-size:.75rem;padding:9px 12px; }
.live-badge.inline { position:static; display:inline-flex; margin-bottom:12px; }
.creator-card-body { padding:25px; }
.creator-card-body > span { color:var(--red);font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.1em; }
.creator-card-body h2,.creator-card-body h3 { margin:9px 0 12px; }
.creator-card-body p { min-height:48px;font-size:.9rem; }
.creator-card-body b { font-size:.72rem;text-transform:uppercase;letter-spacing:.07em; }
.creator-meta { display:flex;justify-content:space-between;gap:8px;color:#777;margin:16px 0; }
.process-section { overflow:hidden; }
.process-line { display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:40px; }
.process-line::before { content:'';position:absolute;top:35px;left:13%;right:13%;height:1px;background:linear-gradient(90deg,var(--red),#3b3b3b,var(--red)); }
.process-step { text-align:center;position:relative;z-index:1; }
.process-step > span { width:70px;height:70px;display:grid;place-items:center;background:#090909;border:2px solid var(--red);font-weight:900;font-size:1.4rem;margin:0 auto 25px;transform:rotate(45deg); }
.process-step > span::first-line { transform:rotate(-45deg); }
.process-step h3 { margin-bottom:10px; }
.cta-section { padding:80px 0;background:linear-gradient(90deg,#1b0505,#080808 70%);border-block:1px solid #351010; }
.cta-inner { display:flex;align-items:center;justify-content:space-between;gap:50px; }
.cta-inner h2 { margin:14px 0 12px;max-width:850px; }
.cta-inner p { max-width:780px;margin-bottom:0; }
.page-hero { padding:190px 0 95px;background:radial-gradient(circle at 80% 30%,rgba(239,18,18,.11),transparent 33%),linear-gradient(to bottom,#0b0b0b,#050505);border-bottom:1px solid #191919; }
.page-hero.compact { padding-bottom:65px; }
.page-hero h1 { margin:20px 0 18px;font-size:clamp(3.5rem,7vw,6.7rem);max-width:1050px; }
.page-hero p { font-size:1.2rem;max-width:760px; }
.vision-grid,.team-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.team-grid { grid-template-columns:repeat(4,1fr); }
.team-card { padding:30px;background:#0d0d0d;border-top:3px solid var(--red);border-inline:1px solid #232323;border-bottom:1px solid #232323; }
.team-avatar { width:74px;height:74px;display:grid;place-items:center;background:var(--red);font-weight:950;font-size:2rem;margin-bottom:35px;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%); }
.team-card > span { font-size:.68rem;color:var(--red);text-transform:uppercase;font-weight:900;letter-spacing:.1em; }
.team-card h3 { margin:8px 0 15px; }
.values-section { padding-top:60px; }
.value-list { border-top:1px solid #262626; }
.value-list > div { display:grid;grid-template-columns:90px 250px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid #222;align-items:center; }
.value-list strong { color:var(--red); }
.value-list h3,.value-list p { margin:0; }
.services-detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.service-detail { display:grid;grid-template-columns:72px 1fr;gap:25px;padding:42px;background:#0e0e0e;border:1px solid #252525;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%); }
.service-detail > span { color:var(--red);font-weight:950;font-size:1.25rem; }
.service-detail h2 { font-size:2rem; }
.service-detail ul,.check-list { padding:0;margin:25px 0 0;list-style:none; }
.service-detail li,.check-list li { margin:10px 0;color:#bbb; }
.service-detail li::before,.check-list li::before { content:'+';color:var(--red);font-weight:950;margin-right:10px; }
.notice-box { border:1px solid #351414;border-left:5px solid var(--red);padding:50px;background:#0d0808; }
.notice-box > span { color:var(--red);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900; }
.notice-box h2 { margin:12px 0; }
.empty-state { text-align:center;padding:100px 30px;background:#0b0b0b;border:1px solid #242424; }
.empty-state.small { padding:60px 25px; }
.empty-state > span { color:var(--red);font-size:3rem; }
.empty-state p { max-width:550px;margin-inline:auto; }
.creator-profile-hero { padding:170px 0 90px;background:radial-gradient(circle at 20% 30%,rgba(239,18,18,.13),transparent 28%); }
.creator-profile-grid { display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:70px;align-items:center; }
.profile-image-wrap { position:relative;border:1px solid #292929;padding:10px;background:#0b0b0b;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%); }
.profile-image-wrap > img { width:100%;aspect-ratio:1;object-fit:cover; }
.creator-profile-grid h1 { margin:16px 0;font-size:clamp(3.5rem,7vw,6.5rem); }
.profile-lead { font-size:1.2rem;max-width:760px; }
.profile-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:25px; }
.profile-tags span { border:1px solid #383838;padding:7px 11px;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em; }
.stream-frame { aspect-ratio:16/9;background:#000;border:1px solid #2d2d2d; }
.stream-frame iframe { width:100%;height:100%;border:0; }
.stream-info { display:flex;align-items:center;gap:14px;padding:18px;background:#101010;border:1px solid #222;border-top:0; }
.stream-info strong,.stream-info small { display:block; }
.live-dot { width:10px;height:10px;background:var(--red);border-radius:50%;box-shadow:0 0 14px var(--red);animation:pulse 1.3s infinite; }
@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}
.profile-content-grid { display:grid;grid-template-columns:1.2fr .8fr;gap:80px; }
.profile-content-grid > div p { font-size:1.1rem;line-height:1.85; }
.profile-facts { border-top:3px solid var(--red);background:#0d0d0d;padding:10px 30px; }
.profile-facts div { padding:22px 0;border-bottom:1px solid #292929; }
.profile-facts span,.profile-facts strong { display:block; }
.profile-facts span { color:#777;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
.profile-facts strong { margin-top:4px; }
.social-link-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.social-link-grid a { padding:24px;border:1px solid #2a2a2a;background:#101010;font-weight:850;display:flex;justify-content:space-between;transition:.2s; }
.social-link-grid a:hover { border-color:var(--red);color:var(--red); }
.faq-wrap { max-width:980px;margin-inline:auto; }
.faq-item { border-bottom:1px solid #292929; }
.faq-item summary { list-style:none;display:grid;grid-template-columns:55px 1fr 30px;gap:18px;align-items:center;padding:27px 0;font-weight:800;font-size:1.1rem;cursor:pointer; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary > span { color:var(--red);font-size:.72rem; }
.faq-item summary i { color:var(--red);font-style:normal;font-size:1.6rem;transition:transform .2s; }
.faq-item[open] summary i { transform:rotate(45deg); }
.faq-item > div { padding:0 45px 30px 73px;color:#aaa; }
.form-layout,.application-layout { display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start; }
.application-layout { grid-template-columns:.52fr 1.48fr; }
.contact-aside h2,.application-aside h2 { margin:15px 0; }
.contact-detail { padding:22px 0;border-bottom:1px solid #242424; }
.contact-detail span,.contact-detail strong,.contact-detail a { display:block; }
.contact-detail span { color:#777;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
.contact-detail a,.contact-detail strong { margin-top:5px; }
.sticky { position:sticky;top:130px; }
.zero-box { margin-top:35px;padding:25px;background:var(--red);display:flex;gap:20px;align-items:center; }
.zero-box strong { font-size:4rem;line-height:1; }
.zero-box span { font-weight:750; }
.form-panel { background:#0d0d0d;border:1px solid #272727;border-top:4px solid var(--red);padding:clamp(25px,4vw,50px);box-shadow:var(--shadow); }
.form-section { display:flex;align-items:center;gap:18px;margin:20px 0 28px;padding-top:28px;border-top:1px solid #252525; }
.form-section:first-of-type { border-top:0;padding-top:0; }
.form-section > span { width:44px;height:44px;display:grid;place-items:center;background:var(--red);font-weight:900; }
.form-section h2,.form-section p { margin:0; }
.form-section h2 { font-size:1.5rem; }
.form-section p { font-size:.85rem; }
.form-row { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.form-row.three { grid-template-columns:repeat(3,1fr); }
.field { margin-bottom:18px; }
.field label { display:block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;color:#d6d6d6; }
.field label small,.field > small { color:#747474;text-transform:none;letter-spacing:0;font-weight:500; }
input,textarea,select { width:100%;background:#080808;color:#fff;border:1px solid #303030;border-radius:0;padding:13px 14px;outline:0;transition:border-color .18s,box-shadow .18s; }
textarea { resize:vertical; }
input:focus,textarea:focus,select:focus { border-color:var(--red);box-shadow:0 0 0 3px rgba(239,18,18,.09); }
input[type=file] { padding:10px; }
input[type=range] { padding:0;accent-color:var(--red); }
.checkbox { display:flex;gap:12px;align-items:flex-start;margin:17px 0;color:#aaa; }
.checkbox input { width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--red); }
.checkbox a { color:#fff;text-decoration:underline; }
.form-privacy { font-size:.75rem;color:#777; }
.form-errors { border-left:3px solid var(--danger);background:#1b0b0b;padding:14px 17px;margin-bottom:20px;color:#ffd7d7; }
.form-errors p,.form-errors ul { margin:0; }
.honeypot { position:absolute!important;left:-9999px!important;opacity:0!important; }
.success-page,.error-page { min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px 20px 80px; }
.success-page p,.error-page p { max-width:620px;font-size:1.15rem; }
.success-mark { width:90px;height:90px;display:grid;place-items:center;background:var(--red);font-size:2.5rem;font-weight:950;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);margin-bottom:25px; }
.error-page > span { font-size:clamp(5rem,13vw,12rem);font-weight:950;color:var(--red);line-height:.8; }
.legal-content { max-width:900px; }
.legal-content h2 { font-size:1.6rem;margin-top:45px; }
.legal-content p { line-height:1.85; }
.legal-warning { padding:18px;border-left:4px solid var(--yellow);background:#171309;color:#e9dfbe;margin-bottom:45px; }

/* Footer */
.site-footer { padding:75px 0 25px;background:#070707;border-top:1px solid #1c1c1c; }
.footer-grid { display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:60px; }
.footer-logo { width:200px;margin-bottom:18px; }
.footer-grid p { max-width:390px;font-size:.9rem; }
.footer-grid h3 { font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:20px; }
.footer-grid a { display:block;color:#888;margin:9px 0;font-size:.88rem; }
.footer-grid a:hover { color:var(--red); }
.footer-bottom { border-top:1px solid #1d1d1d;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:#555;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em; }

/* Auth / setup */
.auth-body,.setup-body { min-height:100vh;background:radial-gradient(circle at 50% 10%,#1e0909,#050505 42%); }
.auth-shell { width:min(520px,calc(100% - 30px));margin:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;position:relative;z-index:2; }
.auth-logo { width:210px;margin:0 auto 25px; }
.auth-card { background:#0d0d0d;border:1px solid #292929;border-top:4px solid var(--red);padding:42px;box-shadow:var(--shadow); }
.auth-card h1 { font-size:2.5rem;margin:12px 0; }
.auth-link,.auth-back { display:block;text-align:center;color:#888;margin-top:20px;font-size:.85rem; }
.auth-link:hover,.auth-back:hover { color:var(--red); }
.success-message { padding:18px;border-left:3px solid var(--green);background:#07150e;margin:25px 0; }
.success-message p { margin-bottom:0; }
.setup-shell { width:min(980px,calc(100% - 30px));margin:auto;padding:60px 0 100px;position:relative;z-index:2; }
.setup-shell header { text-align:center;max-width:750px;margin:0 auto 45px; }
.setup-shell header img { width:240px;margin:0 auto 25px; }
.setup-shell h1 { font-size:4rem;margin:15px 0; }
.requirements { background:#0c0c0c;border:1px solid #282828;padding:25px;margin-bottom:20px; }
.requirements h2 { font-size:1.3rem; }
.requirements > div { display:grid;grid-template-columns:30px 1fr auto;padding:9px 0;border-bottom:1px solid #202020; }
.requirements > div span { color:var(--red);font-weight:950; }
.requirements > div strong { color:#8d8d8d;font-size:.75rem; }
.setup-form { background:#0d0d0d;border-top:4px solid var(--red);border-inline:1px solid #292929;border-bottom:1px solid #292929;padding:45px; }
.setup-section { display:flex;align-items:center;gap:15px;border-top:1px solid #282828;padding-top:35px;margin:35px 0 22px; }
.setup-section:first-child { border-top:0;margin-top:0;padding-top:0; }
.setup-section span { background:var(--red);width:42px;height:42px;display:grid;place-items:center;font-weight:900; }
.setup-section h2 { font-size:1.5rem;margin:0; }
code,.code-block { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }

/* Dashboards */
.dashboard-body { overflow-x:hidden;background:#080808; }
.dashboard-shell { display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh; }
.sidebar { position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#090909;border-right:1px solid #222;padding:18px;display:flex;flex-direction:column;z-index:200;overflow-y:auto; }
.sidebar-logo { display:block;width:190px;margin:0 auto 16px; }
.sidebar-label { color:#555;font-size:.61rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin:18px 11px 8px; }
.sidebar-nav { display:flex;flex-direction:column;gap:3px; }
.sidebar-nav a { display:flex;align-items:center;gap:12px;padding:10px 12px;color:#8f8f8f;font-size:.82rem;font-weight:680;border-left:2px solid transparent;transition:.18s; }
.sidebar-nav a span { width:20px;color:#666;text-align:center; }
.sidebar-nav a:hover { color:#fff;background:#111; }
.sidebar-nav a.active { color:#fff;background:linear-gradient(90deg,rgba(239,18,18,.16),transparent);border-left-color:var(--red); }
.sidebar-nav a.active span { color:var(--red); }
.sidebar-user { display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 8px;border-top:1px solid #222; }
.avatar-initial,.big-initial,.mini-avatar { display:grid;place-items:center;background:var(--red);font-weight:950;flex:0 0 auto;overflow:hidden; }
.avatar-initial { width:38px;height:38px; }
.big-initial { width:72px;height:72px;font-size:1.8rem; }
.mini-avatar { width:42px;height:42px; }
.mini-avatar img { width:100%;height:100%;object-fit:cover; }
.sidebar-user strong,.sidebar-user span { display:block; }
.sidebar-user strong { font-size:.82rem; }
.sidebar-user span { color:#666;font-size:.7rem; }
.sidebar-logout { width:100%;background:transparent;color:#777;border:1px solid #292929;padding:9px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em; }
.sidebar-logout:hover { border-color:var(--red);color:#fff; }
.dashboard-main { grid-column:2;min-width:0; }
.dashboard-topbar { height:94px;padding:0 34px;border-bottom:1px solid #222;background:rgba(8,8,8,.93);position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:18px;backdrop-filter:blur(14px); }
.dashboard-topbar h1 { font-size:1.6rem;margin:1px 0 0;letter-spacing:-.025em; }
.dashboard-topbar .eyebrow { font-size:.59rem; }
.topbar-site { margin-left:auto;border:1px solid #303030;padding:8px 12px;color:#aaa;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em; }
.topbar-site:hover { border-color:var(--red);color:#fff; }
.sidebar-toggle { display:none;background:#121212;color:#fff;border:1px solid #303030;width:42px;height:42px; }
.dashboard-content { padding:30px 34px 60px;max-width:1600px;margin-inline:auto; }
.dashboard-content > .flash { margin:0 0 18px; }
.dash-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px; }
.dash-stat { background:linear-gradient(145deg,#121212,#0c0c0c);border:1px solid #252525;border-top:2px solid #383838;padding:22px;min-height:150px;display:flex;flex-direction:column;transition:.2s; }
a.dash-stat:hover { border-top-color:var(--red);transform:translateY(-2px); }
.dash-stat span { color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800; }
.dash-stat strong { font-size:2.8rem;line-height:1.1;margin:13px 0; }
.dash-stat small { color:#666;margin-top:auto; }
.dash-panel { background:#0f0f0f;border:1px solid #242424;padding:24px;margin-bottom:18px;box-shadow:0 12px 40px rgba(0,0,0,.14); }
.panel-head { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px; }
.panel-head h2 { font-size:1.45rem;margin:3px 0 0; }
.panel-head p { font-size:.83rem;margin:5px 0 0; }
.panel-head > a,.table-action { color:#aaa;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;background:transparent;border:0;padding:0; }
.panel-head > a:hover,.table-action:hover { color:var(--red); }
.dash-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start; }
.dash-grid.two-thirds { grid-template-columns:1.55fr .75fr; }
.table-wrap { overflow:auto; }
table { width:100%;border-collapse:collapse;white-space:nowrap; }
th { color:#666;text-align:left;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid #282828; }
td { padding:13px 12px;border-bottom:1px solid #1f1f1f;color:#aaa;font-size:.8rem;vertical-align:middle; }
td strong,td small { display:block; }
td strong,.table-main { color:#eee; }
td small { color:#666;margin-top:2px; }
.wide-table { min-width:900px; }
.empty-cell { text-align:center!important;color:#666!important;padding:30px!important; }
.status { display:inline-flex;padding:4px 8px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border:1px solid #353535;color:#aaa;background:#121212; }
.status-new,.status-open,.status-invited { color:#ffcb62;border-color:#5c471d;background:#1b160a; }
.status-reviewing,.status-in_progress,.status-active { color:#70baff;border-color:#234a6d;background:#091522; }
.status-interview { color:#c495ff;border-color:#513175;background:#160a21; }
.status-accepted,.status-done,.status-completed { color:#5ee5a1;border-color:#236244;background:#071a10; }
.status-rejected,.status-disabled { color:#ff7777;border-color:#6b2828;background:#210a0a; }
.status-archived,.status-paused { color:#888; }
.status-live { color:#fff;background:var(--red);border-color:var(--red); }
.status-dot { width:8px;height:8px;background:#555;display:block; }
.status-dot.new { background:var(--red);box-shadow:0 0 9px var(--red); }
.status-dot.in_progress { background:var(--yellow); }
.status-dot.done { background:var(--green); }
.compact-list a { display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #202020; }
.compact-list strong,.compact-list small { display:block; }
.compact-list strong { font-size:.82rem; }
.compact-list small,.compact-list time { color:#666;font-size:.69rem; }
.announcement-strip article { display:grid;grid-template-columns:50px 1fr auto;gap:14px;padding:13px 0;border-top:1px solid #202020;align-items:start; }
.announcement-strip article > span { color:var(--red);font-size:.62rem;font-weight:900; }
.announcement-strip article p { margin:3px 0 0;font-size:.82rem; }
.announcement-strip article small { color:#666; }
.creator-status-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.creator-status-grid a { display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;background:#0b0b0b;border:1px solid #1f1f1f; }
.creator-status-grid strong,.creator-status-grid span { display:block; }
.creator-status-grid strong { font-size:.8rem; }
.creator-status-grid span,.creator-status-grid b { font-size:.65rem;color:#666; }
.live-text { color:var(--red)!important;font-weight:900; }
.toolbar { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px; }
.filter-form { display:flex;gap:8px; }
.filter-form input { min-width:260px; }
.filter-form input,.filter-form select { padding:9px 11px;font-size:.78rem; }
.record-count { color:#777;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em; }
.toolbar-note { margin:3px 0 0;font-size:.75rem; }
.detail-top { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px; }
.back-link { color:#888;font-size:.78rem; }
.back-link:hover { color:var(--red); }
.record-id { color:#666;font-size:.72rem;margin-left:10px; }
.detail-grid { display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start; }
.sticky-panel { position:sticky;top:112px; }
.profile-header-panel,.creator-admin-header { display:flex;align-items:center;gap:22px; }
.profile-header-panel h2,.creator-admin-header h2 { margin:5px 0;font-size:2rem; }
.profile-header-panel p,.creator-admin-header p { margin:0; }
.profile-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:16px; }
.info-pill { border:1px solid #333;padding:7px 10px;color:#999;font-size:.68rem; }
.answer-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.answer-grid .full { grid-column:1/-1; }
.answer-grid span,.answer-stack span { color:var(--red);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900; }
.answer-grid p,.answer-stack p { margin:6px 0 0;color:#d0d0d0; }
.answer-stack > div { padding:17px 0;border-bottom:1px solid #222; }
.inline-form textarea { margin-bottom:10px; }
.timeline article { display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #222; }
.timeline article > span { width:36px;height:36px;display:grid;place-items:center;background:#202020;color:var(--red);font-weight:900; }
.timeline strong,.timeline small { display:block; }
.timeline small { color:#666;font-size:.67rem; }
.timeline p { margin:8px 0 0;font-size:.85rem;color:#bbb; }
.decision-buttons { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.success-btn { background:#167a48;border-color:#167a48; }
.danger-btn { background:#9d1717;border-color:#9d1717; }
.detail-side hr { border:0;border-top:1px solid #282828;margin:24px 0; }
.meta-list { margin-top:25px;border-top:1px solid #272727; }
.meta-list div { display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #202020;font-size:.72rem; }
.meta-list span { color:#666; }
.sender-line { display:flex;gap:18px;flex-wrap:wrap;color:#777;font-size:.8rem;margin:15px 0 25px; }
.message-body { padding:25px;background:#090909;border-left:3px solid var(--red);color:#ddd;line-height:1.85; }
.collapsible-panel.is-hidden { display:none; }
.user-cell { display:flex;align-items:center;gap:10px; }
.creator-admin-avatar { width:84px;height:84px;background:#171717;display:grid;place-items:center;font-size:2rem;font-weight:950;color:var(--red);overflow:hidden;flex:0 0 auto; }
.creator-admin-avatar img { width:100%;height:100%;object-fit:cover; }
.creator-admin-header > .btn { margin-left:auto; }
.tabs { display:flex;gap:2px;overflow:auto;margin-bottom:18px;border-bottom:1px solid #272727; }
.tabs button { background:#0d0d0d;color:#777;border:0;border-top:2px solid transparent;padding:12px 17px;white-space:nowrap;font-size:.75rem;font-weight:800; }
.tabs button.active { color:#fff;border-top-color:var(--red);background:#151515; }
.tab-panel { display:none; }
.tab-panel.active { display:block;animation:fadeIn .25s ease; }
@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.stream-summary { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.stream-summary > div { padding:15px;background:#090909;border:1px solid #202020; }
.stream-summary .full { grid-column:1/-1; }
.stream-summary span,.stream-summary strong { display:block; }
.stream-summary span { color:#666;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em; }
.stream-summary strong { margin-top:4px; }
.action-list a { display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #232323;font-size:.8rem; }
.action-list a:hover { color:var(--red); }
.large-dashboard-copy { color:#ccc;line-height:1.8; }
.dashboard-form .field { margin-bottom:15px; }
.dashboard-check { padding:11px;background:#0a0a0a;border:1px solid #222;align-items:center; }
.input-prefix { display:flex;align-items:center;background:#080808;border:1px solid #303030; }
.input-prefix span { color:#666;padding-left:12px;font-size:.8rem; }
.input-prefix input { border:0; }
.task-list article { display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #222;align-items:center; }
.task-list article > div { min-width:0; }
.task-list strong { display:block;margin:7px 0 4px; }
.task-list p { margin:0;font-size:.8rem; }
.task-list small { color:#666; }
.task-list form { flex:0 0 145px; }
.task-list form label { display:block;color:#666;font-size:.62rem;text-transform:uppercase; }
.task-list select { padding:8px;font-size:.72rem; }
.task-list.compact article { align-items:flex-start; }
.priority { font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;border-left:2px solid;padding-left:6px;color:#888; }
.priority-urgent { color:#ff6161;border-color:#ff3333; }.priority-high{color:#ffb45a;border-color:#ff8b21}.priority-normal{color:#72b9ff;border-color:#398ada}.priority-low{color:#8c8c8c;border-color:#555}
.goal-list article { padding:16px 0;border-bottom:1px solid #222; }
.goal-list.large article { padding:24px 0; }
.goal-head { display:flex;justify-content:space-between;gap:20px;align-items:flex-start; }
.goal-head strong { display:block;margin:5px 0; }
.goal-head p { margin:0;font-size:.82rem; }
.goal-head b { color:var(--red);font-size:1.35rem; }
.progress { height:5px;background:#252525;margin:13px 0;overflow:hidden; }
.progress i { display:block;height:100%;background:var(--red);box-shadow:0 0 10px rgba(239,18,18,.5); }
.goal-controls { display:grid;grid-template-columns:1fr 130px auto;gap:10px;align-items:center; }
.goal-controls select { padding:8px; }
.range-wrap { display:flex;align-items:center;gap:10px; }
.range-wrap output { min-width:42px;color:var(--red);font-weight:900; }
.document-list a { display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #232323; }
.document-list > a > span { width:34px;height:34px;display:grid;place-items:center;background:#181818;color:var(--red); }
.document-list strong,.document-list small { display:block; }
.document-list small { color:#666;font-size:.68rem; }
.document-list b { font-size:.66rem;color:#888; }
.metric-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px; }
.metric-grid > div { background:#090909;border:1px solid #202020;padding:18px; }
.metric-grid span,.metric-grid strong { display:block; }
.metric-grid span { color:#666;font-size:.65rem;text-transform:uppercase; }
.metric-grid strong { margin-top:5px;font-size:1.2rem; }
.role-badge { color:#d9d9d9;border-left:2px solid var(--red);padding-left:7px;font-size:.7rem;text-transform:uppercase; }
.muted { color:#555;font-size:.7rem; }
.thread-list > a { display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:16px;border-bottom:1px solid #222;transition:.18s; }
.thread-list > a:hover { background:#121212; }
.thread-list strong,.thread-list small { display:block; }
.thread-list p { margin:3px 0;font-size:.8rem; }
.thread-list small { color:#666;font-size:.68rem; }
.thread-meta { text-align:right;display:flex;align-items:center;gap:12px; }
.thread-meta b { width:24px;height:24px;display:grid;place-items:center;background:var(--red);font-size:.68rem; }
.thread-meta time { color:#666;font-size:.68rem; }
.chat-panel { background:#0d0d0d;border:1px solid #262626;max-width:1000px;margin:0 auto; }
.chat-panel > header { display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #252525;background:#111; }
.chat-panel header strong,.chat-panel header span { display:block; }
.chat-panel header span { color:#666;font-size:.7rem; }
.chat-messages { height:min(65vh,650px);overflow-y:auto;padding:25px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at center,rgba(239,18,18,.025),transparent 45%); }
.chat-messages article { display:flex; }
.chat-messages article.from-team { justify-content:flex-end; }
.chat-messages article > div { max-width:min(75%,680px);padding:13px 15px;background:#171717;border-left:2px solid #444; }
.chat-messages article.from-team > div { background:#210b0b;border-left-color:var(--red); }
.chat-messages strong { display:block;font-size:.68rem;color:#888;margin-bottom:4px; }
.chat-messages p { color:#eee;margin:0;font-size:.88rem; }
.chat-messages time { display:block;color:#555;font-size:.6rem;margin-top:6px; }
.chat-empty { margin:auto;text-align:center;color:#666; }
.chat-empty span { color:var(--red);font-size:2.5rem; }
.chat-compose { display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #252525; }
.chat-compose textarea { min-height:52px;max-height:150px; }
.chat-note { max-width:1000px;margin:10px auto;color:#555;font-size:.7rem; }
.resource-admin-list article,.announcement-admin-list article { display:grid;grid-template-columns:1fr auto;gap:15px;padding:16px 0;border-bottom:1px solid #222; }
.resource-admin-list span,.announcement-admin-list span { color:var(--red);font-size:.62rem;text-transform:uppercase; }
.resource-admin-list strong,.announcement-admin-list strong { display:block;margin:4px 0; }
.resource-admin-list p,.announcement-admin-list p { margin:0;font-size:.8rem; }
.resource-admin-list small,.announcement-admin-list small { color:#666; }
.icon-button { width:30px;height:30px;border:1px solid #333;background:transparent;color:#aaa; }
.icon-button.danger:hover { border-color:var(--red);color:var(--red); }
.announcement-admin-list article { grid-template-columns:45px 1fr auto; }
.announcement-flag { color:var(--red);font-weight:950;font-size:.65rem; }
.integration-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.integration-grid > div,.integration-status { display:flex;align-items:center;gap:14px;padding:17px;background:#090909;border:1px solid #202020; }
.integration-icon { width:45px;height:45px;display:grid;place-items:center;background:#1a0b0b;color:var(--red);font-size:.7rem;font-weight:950;flex:0 0 auto; }
.integration-grid strong,.integration-grid p { margin:0; }
.integration-grid p { font-size:.72rem;margin-top:3px; }
.integration-grid b { margin-left:auto;font-size:.62rem; }
.integration-grid b.ok { color:var(--green); }.integration-grid b.warn { color:var(--yellow); }
.webhook-grid { display:grid;grid-template-columns:1fr 1fr;gap:0 15px; }
.code-block { background:#060606;border:1px solid #222;padding:12px;margin-top:10px;color:#aaa;font-size:.75rem;overflow:auto; }
.warning-panel { border-left:4px solid var(--yellow);background:#121008; }
.warning-panel > span { color:var(--yellow);font-size:.65rem;text-transform:uppercase;font-weight:900; }
.warning-panel h2 { margin:6px 0; }
.email-template-list details { padding:0; }
.email-template-list summary { list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px;cursor:pointer; }
.email-template-list summary::-webkit-details-marker { display:none; }
.email-template-list summary h2 { font-size:1.2rem;margin:3px 0; }
.email-template-list details form { border-top:1px solid #252525;padding:22px; }
.metadata-cell { display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis; }
.creator-welcome { background:linear-gradient(110deg,#250909,#0d0d0d 65%);border:1px solid #3a1616;border-left:4px solid var(--red);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px; }
.creator-welcome h2 { font-size:2rem;margin:6px 0; }
.creator-welcome p { margin:0; }
.manager-card { text-align:center; }
.manager-card .big-initial { margin:10px auto 17px; }
.sync-note { display:block;color:#555;margin-top:12px; }
.notification-list a { display:grid;grid-template-columns:8px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #222;align-items:start; }
.notification-list a > span { width:6px;height:6px;background:#333;margin-top:7px; }
.notification-list a.unread > span { background:var(--red);box-shadow:0 0 8px var(--red); }
.notification-list strong { font-size:.8rem; }
.notification-list p { margin:2px 0;font-size:.75rem; }
.notification-list time { color:#555;font-size:.65rem; }
.resource-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.resource-grid article { border:1px solid #242424;background:#0a0a0a;padding:22px; }
.resource-grid article > span { color:var(--red);font-size:.63rem;text-transform:uppercase;font-weight:900; }
.resource-grid h3 { margin:8px 0; }
.resource-grid p { font-size:.82rem; }
.resource-grid details { border-top:1px solid #222;margin-top:15px;padding-top:12px; }
.resource-grid summary { cursor:pointer;color:#ddd;font-size:.75rem;font-weight:800; }
.resource-grid details div { color:#aaa;font-size:.8rem;padding-top:12px; }
.resource-grid small { display:block;color:#555;margin-top:18px; }
.integration-status { margin-bottom:18px; }
.integration-status p { margin:4px 0 0;font-size:.8rem; }

/* Reveal */
.reveal { opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease; }
.reveal.visible { opacity:1;transform:none; }
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

/* Responsive */
@media (max-width: 1150px) {
  .main-nav { gap:16px; }
  .feature-grid,.creator-grid { grid-template-columns:repeat(2,1fr); }
  .team-grid { grid-template-columns:repeat(2,1fr); }
  .creator-status-grid { grid-template-columns:repeat(2,1fr); }
  .dashboard-shell { grid-template-columns:240px minmax(0,1fr); --sidebar:240px; }
  .dash-stats { grid-template-columns:repeat(2,1fr); }
  .detail-grid { grid-template-columns:minmax(0,1fr) 310px; }
}
@media (max-width: 900px) {
  .menu-toggle { display:block; }
  .main-nav { position:fixed;top:78px;left:15px;right:15px;background:#0b0b0b;border:1px solid #2a2a2a;border-top:3px solid var(--red);padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow); }
  .main-nav.open { display:flex; }
  .main-nav > a { padding:12px 5px; }
  .main-nav .btn { margin-top:10px; }
  .hero-inner,.split-grid,.creator-profile-grid,.profile-content-grid,.form-layout,.application-layout { grid-template-columns:1fr; }
  .hero { min-height:auto;padding-top:145px; }
  .hero-visual { max-width:520px;margin:20px auto 0; }
  .feature-grid,.creator-grid,.creator-grid-full,.vision-grid,.services-detail-grid { grid-template-columns:1fr 1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.25)}
  .process-line { grid-template-columns:1fr; }
  .process-line::before { display:none; }
  .cta-inner { flex-direction:column;align-items:flex-start; }
  .footer-grid { grid-template-columns:1.5fr 1fr; }
  .social-link-grid { grid-template-columns:1fr 1fr; }
  .sidebar { transform:translateX(-102%);transition:transform .25s;width:270px;box-shadow:20px 0 50px rgba(0,0,0,.55); }
  .sidebar.open { transform:none; }
  .dashboard-shell { display:block; }
  .dashboard-main { width:100%; }
  .sidebar-toggle { display:block; }
  .dashboard-topbar { padding:0 20px; }
  .dashboard-content { padding:22px 20px 50px; }
  .detail-grid,.dash-grid.two-thirds { grid-template-columns:1fr; }
  .sticky-panel { position:static; }
  .creator-admin-header { flex-wrap:wrap; }
  .creator-admin-header > .btn { margin-left:0; }
}
@media (max-width: 680px) {
  .container { width:min(100% - 28px,var(--container)); }
  .header-inner { height:78px; }
  .brand,.brand img { width:155px; }
  h1 { font-size:clamp(2.8rem,14vw,4.6rem); }
  h2 { font-size:clamp(1.8rem,9vw,2.8rem); }
  .hero { padding:120px 0 85px; }
  .hero-actions .btn { width:100%; }
  .trust-row { gap:12px;flex-direction:column; }
  .focus-frame { max-width:360px; }
  .section { padding:75px 0; }
  .feature-grid,.creator-grid,.creator-grid-full,.team-grid,.vision-grid,.services-detail-grid,.stats-grid,.social-link-grid,.resource-grid,.integration-grid,.webhook-grid { grid-template-columns:1fr; }
  .stat { border-right:0!important;border-bottom:1px solid rgba(255,255,255,.25)!important; }
  .stat:last-child { border-bottom:0!important; }
  .value-list > div { grid-template-columns:45px 1fr;gap:15px; }
  .value-list p { grid-column:2; }
  .service-detail { grid-template-columns:45px 1fr;padding:27px 20px; }
  .page-hero { padding:135px 0 65px; }
  .creator-profile-hero { padding:120px 0 60px; }
  .profile-image-wrap { max-width:360px; }
  .form-row,.form-row.three { grid-template-columns:1fr; }
  .form-panel,.setup-form,.auth-card { padding:25px 20px; }
  .footer-grid { grid-template-columns:1fr;gap:30px; }
  .footer-bottom { flex-direction:column;gap:8px; }
  .dash-stats,.dash-grid { grid-template-columns:1fr; }
  .dashboard-topbar { height:78px; }
  .dashboard-topbar h1 { font-size:1.15rem; }
  .topbar-site { display:none; }
  .dashboard-content { padding-inline:12px; }
  .dash-panel { padding:17px; }
  .toolbar { align-items:stretch;flex-direction:column; }
  .filter-form { flex-direction:column; }
  .filter-form input { min-width:0; }
  .detail-top { align-items:flex-start;flex-direction:column; }
  .profile-header-panel { align-items:flex-start;flex-direction:column; }
  .answer-grid { grid-template-columns:1fr; }
  .answer-grid .full { grid-column:auto; }
  .decision-buttons { grid-template-columns:1fr; }
  .creator-status-grid { grid-template-columns:1fr; }
  .tabs { margin-inline:-17px;padding-inline:17px; }
  .stream-summary,.metric-grid { grid-template-columns:1fr 1fr; }
  .goal-controls { grid-template-columns:1fr; }
  .task-list article { align-items:flex-start;flex-direction:column; }
  .task-list form { width:100%;flex-basis:auto; }
  .thread-list > a { grid-template-columns:42px 1fr; }
  .thread-meta { grid-column:2;justify-content:flex-start; }
  .chat-messages { height:55vh;padding:14px; }
  .chat-messages article > div { max-width:90%; }
  .chat-compose { grid-template-columns:1fr; }
  .creator-welcome { align-items:flex-start;flex-direction:column; }
  .creator-welcome .btn { width:100%; }
  .announcement-strip article { grid-template-columns:40px 1fr; }
  .announcement-strip article small { grid-column:2; }
  .announcement-admin-list article { grid-template-columns:38px 1fr; }
  .announcement-admin-list form { grid-column:2; }
  .setup-shell h1 { font-size:2.8rem; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; }
  .reveal { opacity:1;transform:none; }
}

.table-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.table-actions form{margin:0}
.resource-admin-list .table-action,.resource-grid .text-link{display:inline-flex;margin-top:10px}

/* Discord webhook settings groups */
.webhook-section{border-top:1px solid #2a2a2a;padding-top:22px;margin-top:28px}
.webhook-section:first-of-type{margin-top:8px}
.webhook-section-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;padding-left:12px;border-left:3px solid #ef1212}
.webhook-section-title strong{font-size:.92rem;letter-spacing:.09em}
.webhook-section-title span{color:#858585;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}

/* ========================================================================== 
   FOKUS MANAGEMENT V5 — VISUAL SYSTEM
   Clean black surfaces, straight typography, sharp geometry and red motion.
   ========================================================================== */
:root{
  --red:#ff1717;
  --red-2:#b4070f;
  --red-glow:rgba(255,23,23,.22);
  --black:#030303;
  --black-2:#070707;
  --panel:#0b0b0c;
  --panel-2:#101012;
  --panel-3:#151517;
  --line:#27272b;
  --line-soft:#18181b;
  --white:#f5f5f7;
  --muted:#a3a3aa;
  --muted-2:#696970;
  --green:#43e390;
  --yellow:#ffc04a;
  --shadow:0 24px 80px rgba(0,0,0,.55);
  --font:"Segoe UI Variable Display","Segoe UI",Arial,Helvetica,sans-serif;
  --font-body:"Segoe UI Variable Text","Segoe UI",Arial,Helvetica,sans-serif;
}
html{background:#030303;scroll-padding-top:100px;scrollbar-color:var(--red) #080808;scrollbar-width:thin}
html.menu-locked,html.menu-locked body{overflow:hidden}
*{scrollbar-width:thin;scrollbar-color:#a80e14 #080808}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#080808}
*::-webkit-scrollbar-thumb{background:linear-gradient(var(--red),#8f0c12);border:2px solid #080808}
*::-webkit-scrollbar-thumb:hover{background:var(--red)}
body,body input,body textarea,body select,body button{font-family:var(--font-body)!important}
body{background:#030303;color:var(--white);font-size:16px;letter-spacing:0;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.btn,.eyebrow,.kicker,.sidebar-label,.sidebar-nav,.main-nav,.stat strong,.dash-stat strong{font-family:var(--font)!important;font-style:normal!important}
h1,h2,h3,h4{font-weight:800!important;letter-spacing:-.045em!important}
p{color:#aaaab1}
.noise{display:none!important}
.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
  #030303;background-size:74px 74px}
.ambient-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 0,rgba(255,23,23,.085),transparent 31%),radial-gradient(circle at 4% 60%,rgba(255,23,23,.045),transparent 25%)}
.ambient-bg span{position:absolute;width:520px;height:520px;border:1px solid rgba(255,23,23,.06);transform:rotate(45deg);animation:ambientMove 18s ease-in-out infinite}
.ambient-bg span:nth-child(1){right:-340px;top:12%}.ambient-bg span:nth-child(2){left:-410px;bottom:-90px;animation-delay:-7s}.ambient-bg span:nth-child(3){right:24%;bottom:-480px;animation-delay:-12s}
@keyframes ambientMove{0%,100%{transform:rotate(45deg) translate3d(0,0,0)}50%{transform:rotate(52deg) translate3d(20px,-30px,0)}}
.container{width:min(1320px,calc(100% - 48px))}
.eyebrow,.kicker{color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.kicker{gap:12px}.kicker i{width:35px;height:2px;box-shadow:0 0 12px var(--red-glow)}
.btn{position:relative;overflow:hidden;min-height:50px;padding:13px 23px;border:1px solid var(--red);border-radius:0!important;background:var(--red);font-size:.74rem;letter-spacing:.08em;font-weight:900;box-shadow:none;transform:none}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22),transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
.btn:hover::before{transform:translateX(120%)}
.btn:hover{transform:translateY(-2px);background:#ff2b2b;box-shadow:0 12px 34px rgba(255,23,23,.17)}
.btn i{position:relative;z-index:1}.btn-ghost{background:#09090a;border-color:#343438}.btn-ghost:hover{background:#121214;border-color:var(--red)}
.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:0;color:#eee;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.text-link::after{content:"\f061";font:900 .78rem/1 "Font Awesome 6 Free";color:var(--red);transition:.2s}.text-link:hover::after{transform:translateX(4px)}
.flash{display:flex;align-items:center;gap:11px;border:1px solid #242428;border-left:3px solid;padding:14px 17px;background:#0b0b0c}

/* Header and navigation */
.site-header{background:linear-gradient(to bottom,rgba(3,3,3,.98),rgba(3,3,3,.84),transparent);height:auto}
.site-header.scrolled{background:rgba(4,4,5,.93);border-bottom:1px solid #1e1e21;backdrop-filter:blur(18px)}
.header-inner{height:92px}
.brand{width:218px;height:62px;overflow:visible}.brand img{width:218px;height:auto;filter:drop-shadow(0 7px 18px rgba(0,0,0,.6))}
.main-nav{gap:30px}.main-nav>a:not(.btn){font-family:var(--font)!important;font-size:.76rem;font-weight:720;color:#a8a8ae;letter-spacing:.015em}.main-nav>a:not(.btn)::after{bottom:-11px}
.menu-toggle{position:relative;z-index:310;display:none;border:1px solid #333338;background:#0b0b0d;padding:10px;border-radius:0}
.menu-toggle span{transition:transform .25s,opacity .2s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-backdrop{display:none;position:fixed;inset:0;z-index:279;border:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.menu-backdrop.open{display:block}

/* Hero */
.hero{padding:145px 0 85px;background:linear-gradient(115deg,rgba(255,23,23,.035),transparent 43%);min-height:100svh}
.hero::before{width:720px;height:720px;border-radius:0;right:-460px;top:5%;transform:rotate(45deg);border-color:rgba(255,23,23,.08);box-shadow:none}
.hero-grid{opacity:.35;background-size:86px 86px;mask-image:linear-gradient(to bottom,#000 15%,transparent 92%)}
.hero-inner{grid-template-columns:1.1fr .9fr;gap:70px}
.hero-copy h1{font-size:clamp(3.35rem,6.4vw,6.65rem);max-width:830px;margin:25px 0 27px;line-height:.98}
.hero-copy h1 em{color:var(--red);text-shadow:0 0 42px rgba(255,23,23,.12)}
.hero-copy>p{max-width:660px;font-size:clamp(1.02rem,1.4vw,1.25rem);line-height:1.7}
.hero-actions{margin-top:31px}.trust-row{font-weight:650}.trust-row span::before{content:"\f00c";font:900 .75rem/1 "Font Awesome 6 Free"}
.hero-visual{min-height:560px;align-items:center}
.focus-frame{width:min(500px,100%);background:transparent;border:1px solid rgba(255,23,23,.36);transform:rotate(0);isolation:isolate}
.focus-frame::before,.focus-frame::after{z-index:0}
.focus-frame img{display:none}
.focus-frame .hero-symbol{position:relative;z-index:3;width:210px;height:210px;display:grid;place-items:center;border:1px solid rgba(255,23,23,.5);background:radial-gradient(circle,rgba(255,23,23,.13),#070708 66%);box-shadow:0 0 0 35px rgba(255,23,23,.025),0 0 0 70px rgba(255,23,23,.015);animation:heroSymbol 7s ease-in-out infinite}
.focus-frame .hero-symbol::before,.focus-frame .hero-symbol::after{content:"";position:absolute;border:1px solid rgba(255,23,23,.3);inset:-26px;animation:spinFrame 18s linear infinite}.focus-frame .hero-symbol::after{inset:-55px;border-style:dashed;animation-direction:reverse;animation-duration:25s}
.focus-frame .hero-symbol i{font-size:4.8rem;color:var(--red);filter:drop-shadow(0 0 20px rgba(255,23,23,.35))}
@keyframes spinFrame{to{transform:rotate(360deg)}}@keyframes heroSymbol{50%{transform:translateY(-12px)}}
.focus-corner{width:68px;height:68px}.signal{right:16px;bottom:35px;border:1px solid #36363a;background:#09090b;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.scroll-cue span{font-family:var(--font)!important}

/* Public sections and top-right page art */
.section{padding:clamp(82px,9vw,132px) 0}.section-dark{background:rgba(8,8,9,.88);border-color:#18181b}
.section-heading{margin-bottom:48px}.section-heading h2{margin:13px 0 17px}.section-heading p{font-size:1.05rem;line-height:1.75}
.page-hero{position:relative;overflow:hidden;padding:180px 0 100px;background:linear-gradient(120deg,#080809,#030303 70%);border-bottom:1px solid #202024}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(3.1rem,6.5vw,6.4rem);line-height:.98;max-width:920px}.page-hero p{max-width:710px;line-height:1.75}
.page-art{position:absolute;right:max(4vw,30px);top:50%;width:min(30vw,410px);aspect-ratio:1;transform:translateY(-42%);display:grid;place-items:center;z-index:1;color:var(--red)}
.page-art::before,.page-art::after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,23,23,.28);animation:pageArtRotate 18s linear infinite}.page-art::after{inset:27%;border-style:dashed;animation-direction:reverse;animation-duration:12s}
.page-art i{font-size:clamp(3rem,7vw,7rem);filter:drop-shadow(0 0 25px rgba(255,23,23,.25));animation:pageIconFloat 5s ease-in-out infinite}
.page-art .orbit-dot{position:absolute;width:10px;height:10px;background:var(--red);box-shadow:0 0 15px var(--red);animation:orbitDot 7s linear infinite}
@keyframes pageArtRotate{to{transform:rotate(360deg)}}@keyframes pageIconFloat{50%{transform:translateY(-12px) scale(1.03)}}@keyframes orbitDot{0%{transform:rotate(0) translateX(145px) rotate(0)}100%{transform:rotate(360deg) translateX(145px) rotate(-360deg)}}
.large-copy p{font-size:clamp(1.02rem,1.4vw,1.22rem)}
.angle-card,.team-card,.service-detail,.form-panel,.dash-panel,.dash-stat,.creator-card,.notice-box,.empty-state{border-radius:0!important;clip-path:none!important}
.angle-card{min-height:270px;background:linear-gradient(145deg,#111113,#09090a);padding:34px 29px;border-color:#26262a}.angle-card::after{content:"";position:absolute;right:0;top:0;border-top:22px solid #030303;border-left:22px solid transparent}.angle-card h3{margin:31px 0 13px}.angle-card p{line-height:1.75}
.feature-icon{width:47px;height:47px;border:1px solid #36363a;display:grid;place-items:center;color:var(--red);font-size:1.1rem;margin-bottom:27px}.feature-number{position:absolute;right:24px;top:23px;color:#525258}
.stats-section{background:linear-gradient(105deg,#cf0b12,var(--red) 48%,#b00910);position:relative;overflow:hidden}.stats-section::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:translateX(-100%);animation:statsSweep 8s ease-in-out infinite}@keyframes statsSweep{60%,100%{transform:translateX(100%)}}
.stat strong{font-style:normal!important;transform:none!important}.stat{position:relative;z-index:1}
.process-line{display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:45px}.process-line::before{top:38px}.process-step>span{width:76px;height:76px;border:1px solid var(--red);background:#09090a;display:grid;place-items:center;font-weight:900;font-size:1.35rem;margin:0 auto 25px;transform:none!important;clip-path:none!important}.process-step>span::first-line{transform:none!important}.process-step h3{font-size:1.25rem}.process-step p{max-width:360px;margin-inline:auto}
.vision-grid .angle-card{min-height:380px;display:flex;flex-direction:column}.vision-grid .angle-card h3{font-size:1.65rem}.vision-grid .angle-card p{font-size:.98rem;line-height:1.85}.vision-grid .angle-card ul{list-style:none;padding:0;margin:auto 0 0;border-top:1px solid #29292d;padding-top:18px}.vision-grid .angle-card li{color:#9e9ea5;margin:10px 0;padding-left:20px;position:relative}.vision-grid .angle-card li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:2px;background:var(--red)}
.team-card{position:relative;overflow:hidden;background:#0b0b0c;border:1px solid #26262a;padding:28px}.team-card::before{content:"";position:absolute;top:0;left:0;width:70px;height:3px;background:var(--red)}.team-avatar{width:76px;height:76px;clip-path:none!important;background:#151518;border:1px solid #333338;color:var(--red);overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-card h3{font-size:1.5rem}.team-card p{line-height:1.75}
.value-list>div{grid-template-columns:65px 260px 1fr}.value-list strong{font-size:1rem}.value-list h3{font-size:1.25rem}
.zero-box{background:linear-gradient(110deg,#be0d13,var(--red));position:relative;overflow:hidden}.zero-box strong{font-style:normal!important;transform:none!important}.zero-box::after{content:"\f140";font:900 7rem/1 "Font Awesome 6 Free";position:absolute;right:-10px;bottom:-24px;color:rgba(255,255,255,.1)}
.application-aside-card{border:1px solid #28282c;border-top:3px solid var(--red);padding:30px;background:#09090b}.apply-point{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:17px 0;border-bottom:1px solid #232327}.apply-point:last-child{border-bottom:0}.apply-point i{width:38px;height:38px;display:grid;place-items:center;background:#151518;color:var(--red);border:1px solid #2d2d32}.apply-point strong,.apply-point span{display:block}.apply-point span{font-size:.83rem;color:#8d8d94;margin-top:3px}
.form-panel{background:#0b0b0d;border-color:#29292d;padding:clamp(25px,4vw,48px)}.form-section>span{clip-path:none;background:#151518;border:1px solid #35353a;color:var(--red)}
input,textarea,select{background:#060607;border-color:#303035;min-height:48px}textarea{min-height:auto}.checkbox{background:#08080a;border:1px solid #25252a;padding:14px}.checkbox input{min-height:auto}
.privacy-required{border-left:3px solid var(--red)}
.faq-layout{display:grid;grid-template-columns:290px 1fr;gap:65px;align-items:start}.faq-nav{position:sticky;top:125px;padding:25px;border:1px solid #26262a;background:#09090a}.faq-nav h3{font-size:1.15rem}.faq-nav a{display:flex;gap:11px;align-items:center;padding:11px 0;color:#999;font-size:.86rem;border-bottom:1px solid #202024}.faq-nav a i{color:var(--red);width:18px}.faq-category{margin-bottom:60px}.faq-category-title{display:flex;align-items:center;gap:16px;margin-bottom:12px}.faq-category-title i{width:48px;height:48px;display:grid;place-items:center;background:#151518;border:1px solid #303035;color:var(--red)}.faq-category-title h2{font-size:1.7rem;margin:0}.faq-item{border:1px solid #28282d;margin-bottom:9px;background:#09090a}.faq-item summary{padding:20px 22px;grid-template-columns:38px 1fr 24px}.faq-item summary>span{width:30px;height:30px;display:grid;place-items:center;background:#151518}.faq-item summary i{font-family:"Font Awesome 6 Free"!important;font-weight:900;font-size:.9rem}.faq-item[open]{border-color:#4a2022;background:#0c090a}.faq-item>div{padding:0 62px 23px;line-height:1.8}

/* Creator cards / profile */
.creator-image{background:#0c0c0e}.creator-placeholder{background:#161619;color:var(--red)}.creator-card-body b{font-family:var(--font)!important}.creator-card:hover{box-shadow:0 18px 45px rgba(0,0,0,.4)}
.creator-profile-hero{background:linear-gradient(110deg,#09090a,#030303)}.profile-image-wrap{clip-path:none;border-color:#303035}.profile-image-wrap::after{content:"";position:absolute;inset:-1px;border-top:3px solid var(--red);pointer-events:none}.profile-logo-badge{position:absolute;right:22px;bottom:22px;width:84px;height:84px;background:#08080a;border:1px solid #3a3a40;display:grid;place-items:center;padding:8px}.profile-logo-badge img{max-height:100%}

/* Footer */
.site-footer{padding:72px 0 24px;background:#050506;border-top:1px solid #212125}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:55px}.footer-brand-block{padding-right:30px}.footer-logo{width:215px;height:auto;margin-bottom:20px}.footer-brand-block p{max-width:430px;line-height:1.75}.footer-socials{display:flex;gap:9px;margin-top:22px}.footer-socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #2d2d31;color:#b0b0b5;transition:.2s}.footer-socials a:hover{border-color:var(--red);color:#fff;background:var(--red);transform:translateY(-2px)}.footer-nav-group h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:20px}.footer-nav-group a{display:block;color:#8c8c93;margin:11px 0;font-size:.88rem}.footer-nav-group a:hover{color:#fff}.footer-bottom{margin-top:50px}

/* Dashboard */
.dashboard-body{background:#050506;font-size:15px}.dashboard-ambient{z-index:0;background-size:60px 60px}.dashboard-shell{position:relative;z-index:1}.sidebar{width:286px;--sidebar:286px;padding:18px 15px;background:rgba(7,7,8,.97);border-right:1px solid #232327;box-shadow:15px 0 50px rgba(0,0,0,.2)}.dashboard-shell{grid-template-columns:286px minmax(0,1fr)}.sidebar-logo{width:194px;height:74px;display:flex;align-items:center;margin:0 auto 8px}.sidebar-logo img{width:100%;height:auto}.sidebar-label{margin:18px 13px 7px;color:#55555d;font-size:.58rem}.sidebar-nav{gap:2px}.sidebar-nav a{display:grid;grid-template-columns:22px 1fr;gap:11px;padding:9px 12px;border-left:2px solid transparent;color:#929299;font-size:.78rem}.sidebar-nav a i{width:20px;text-align:center;color:#686870;font-size:.82rem}.sidebar-nav a:hover{background:#111113;color:#fff}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(255,23,23,.14),rgba(255,23,23,.02));border-left-color:var(--red);color:#fff}.sidebar-nav a.active i{color:var(--red)}.sidebar-user{padding:14px 8px}.avatar-initial,.avatar-image{width:42px;height:42px;display:grid;place-items:center;background:#171719;border:1px solid #333338;color:var(--red);font-weight:900;object-fit:cover}.sidebar-logout{display:flex;justify-content:center;align-items:center;gap:8px}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:170;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.sidebar-backdrop.open{display:block}
.dashboard-main{grid-column:2}.dashboard-topbar{height:88px;padding:0 30px;background:rgba(6,6,7,.88);border-bottom:1px solid #242428}.dashboard-topbar h1{font-size:1.45rem!important;font-weight:780!important}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid #303035;background:#0b0b0d;color:#a8a8ae}.icon-link:hover{color:#fff;border-color:var(--red)}.topbar-profile{display:flex;align-items:center;gap:9px;border:1px solid #303035;padding:5px 11px 5px 5px;background:#0b0b0d;font-size:.75rem}.topbar-profile img,.topbar-profile span{width:31px;height:31px;object-fit:cover;display:grid;place-items:center;background:#171719;color:var(--red)}
.dashboard-content{max-width:1720px;padding:27px 30px 60px}.dash-stats{gap:13px}.dash-stat{position:relative;background:linear-gradient(145deg,#111113,#0a0a0b);border-color:#29292e;border-top:1px solid #29292e;min-height:145px;padding:22px;overflow:hidden}.dash-stat::before{content:"";position:absolute;left:0;top:0;width:54px;height:3px;background:var(--red);transition:.25s}.dash-stat:hover{border-color:#493033;transform:translateY(-3px)}.dash-stat:hover::before{width:100%}.dash-stat strong{font-size:2.6rem;font-style:normal!important;transform:none!important}.dash-stat small{display:flex;align-items:center;gap:6px}.dash-stat small::after{content:"\f061";font:900 .65rem/1 "Font Awesome 6 Free";color:var(--red)}
.dash-panel{position:relative;background:rgba(13,13,15,.94);border-color:#29292e;padding:23px;box-shadow:0 14px 48px rgba(0,0,0,.17)}.dash-panel::after{content:"";position:absolute;right:-1px;top:-1px;border-top:14px solid #050506;border-left:14px solid transparent;pointer-events:none}.panel-head h2{font-size:1.35rem!important;margin:4px 0}.panel-head p{font-size:.8rem}.panel-head>a,.table-action{font-family:var(--font)!important}.table-wrap{border:1px solid #202024}.table-wrap table{background:#09090a}th{background:#0d0d0f;color:#777780;padding:11px 13px}td{padding:13px;border-color:#222226}.status{border-radius:0!important}.status-new,.status-open,.status-invited{color:#ffd06d}.status-reviewing,.status-in_progress,.status-active{color:#77beff}.status-accepted,.status-done,.status-completed,.status-published{color:#5ce6a0}.status-feedback,.status-negotiation{color:#d6a3ff}.status-cancelled,.status-rejected,.status-disabled{color:#ff7878}
.integration-icon{font-size:1rem;width:48px;height:48px}.integration-icon i{font-size:1.15rem}.integration-grid>div{min-height:92px;background:#09090b;border-color:#25252a}.integration-grid b{font-family:var(--font)!important}
.tabs{background:#09090b;border:1px solid #26262b;padding:6px;gap:5px}.tabs button{border:0;background:transparent;padding:11px 15px;color:#8f8f96;font-family:var(--font)!important}.tabs button.active{background:var(--red);color:#fff}
.creator-admin-avatar,.mini-avatar,.big-initial{border-radius:0!important;background:#151518;border:1px solid #303035;color:var(--red)}.creator-admin-avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.creator-admin-logo{width:84px;height:84px;border:1px solid #303035;background:#08080a;display:grid;place-items:center;padding:9px}.creator-admin-logo img{max-width:100%;max-height:100%}
.stream-summary>div,.metric-grid>div{background:#08080a;border-color:#242429}.progress{background:#19191d}.progress i{background:linear-gradient(90deg,#a50c13,var(--red))}.priority{border-radius:0!important}
.avatar-upload-grid{display:grid;grid-template-columns:135px 1fr;gap:25px;align-items:center}.current-avatar{width:125px;height:125px;border:1px solid #303035;background:#09090a;display:grid;place-items:center;overflow:hidden;color:var(--red);font-size:2.4rem;font-weight:900}.current-avatar img{width:100%;height:100%;object-fit:cover}.brand-preview{width:220px;min-height:100px;border:1px dashed #38383d;background:#070708;display:grid;place-items:center;padding:15px}.brand-preview img{max-height:90px}
.dashboard-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.module-card{position:relative;border:1px solid #29292e;background:#0c0c0e;padding:21px;min-height:150px;transition:.2s}.module-card:hover{border-color:#5b272a;transform:translateY(-3px)}.module-card>i{font-size:1.25rem;color:var(--red);margin-bottom:24px}.module-card h3{font-size:1rem;margin:0 0 7px}.module-card p{font-size:.76rem;margin:0}.module-card span{position:absolute;right:18px;top:18px;color:#55555c;font-size:.7rem}
.kanban-grid{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.kanban-column{background:#09090a;border:1px solid #25252a;min-height:310px;padding:14px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #242428;margin-bottom:12px}.kanban-head h3{font-size:.82rem;margin:0;text-transform:uppercase;letter-spacing:.08em}.kanban-head span{color:var(--red);font-weight:900}.kanban-card{display:block;background:#111113;border:1px solid #29292e;padding:14px;margin-bottom:10px}.kanban-card strong,.kanban-card small{display:block}.kanban-card small{color:#707078;margin-top:7px}.kanban-card p{font-size:.75rem;margin:8px 0}.calendar-list article{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #242428}.calendar-date{background:#151518;border-left:3px solid var(--red);padding:9px;text-align:center}.calendar-date strong,.calendar-date span{display:block}.calendar-date strong{font-size:1.35rem}.calendar-date span{font-size:.61rem;text-transform:uppercase;color:#8b8b92}.calendar-list h3{font-size:.95rem;margin:0 0 4px}.calendar-list p{font-size:.76rem;margin:0}.calendar-list aside{text-align:right;font-size:.7rem;color:#77777e}
.logo-cell{display:flex;align-items:center;gap:10px}.logo-cell img,.logo-cell .avatar-initial{width:39px;height:39px}.inline-upload{display:flex;align-items:center;gap:7px}.inline-upload input[type=file]{max-width:170px;padding:7px;font-size:.7rem}

/* Responsive */
@media(max-width:1200px){.page-art{opacity:.5;right:-50px}.dashboard-module-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-nav-group:last-child{grid-column:2}.sidebar{width:260px}.dashboard-shell{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:900px){
  .container{width:min(100% - 34px,var(--container))}.menu-toggle{display:block}.main-nav{display:flex!important;position:fixed;z-index:300;top:0;right:0;bottom:0;left:auto;width:min(88vw,390px);padding:105px 25px 30px;background:#080809;border:0;border-left:1px solid #2a2a2e;box-shadow:-25px 0 70px rgba(0,0,0,.55);transform:translateX(105%);transition:transform .28s ease;gap:0}.main-nav.open{transform:translateX(0)}.main-nav>a{padding:15px 8px!important;border-bottom:1px solid #202024}.main-nav>a:not(.btn)::after{display:none}.main-nav .btn{margin-top:22px;border-bottom:0}
  .hero-inner{grid-template-columns:1fr}.hero-visual{min-height:430px;max-width:480px;width:100%}.focus-frame{max-width:420px}.hero-copy h1{max-width:760px}.page-art{opacity:.3;right:-100px;width:420px}.page-hero h1{max-width:72%}.faq-layout{grid-template-columns:1fr}.faq-nav{position:static;display:none}.footer-top{grid-template-columns:1.5fr 1fr}.footer-nav-group:last-child{grid-column:auto}.process-line{grid-template-columns:1fr}.process-line::before{display:none}.application-layout,.form-layout{gap:35px}
  .sidebar{width:286px;transform:translateX(-105%)}.sidebar.open{transform:none}.dashboard-shell{display:block}.dashboard-main{width:100%}.sidebar-toggle{display:grid;place-items:center}.dashboard-content{padding:22px 18px 50px}.topbar-profile b{display:none}.dashboard-module-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .container{width:min(100% - 26px,var(--container))}.brand,.brand img{width:174px}.header-inner{height:78px}.hero{padding-top:112px}.hero-copy h1{font-size:clamp(2.75rem,14vw,4.2rem)}.hero-visual{min-height:350px}.focus-frame{max-width:320px}.focus-frame .hero-symbol{width:145px;height:145px}.focus-frame .hero-symbol i{font-size:3.4rem}.signal{right:0;bottom:10px}.page-hero{padding:132px 0 65px}.page-hero h1{max-width:100%;font-size:clamp(2.75rem,13vw,4.15rem)}.page-art{display:none}.feature-grid,.creator-grid,.creator-grid-full,.vision-grid,.team-grid,.services-detail-grid{grid-template-columns:1fr}.vision-grid .angle-card{min-height:auto}.stats-grid{grid-template-columns:1fr}.stat{border-right:0!important}.footer-top{grid-template-columns:1fr}.footer-nav-group:last-child{grid-column:auto}.footer-brand-block{padding-right:0}.faq-item summary{grid-template-columns:32px 1fr 20px;padding:17px 14px}.faq-item>div{padding:0 18px 20px 54px}.application-aside .sticky{position:static}.avatar-upload-grid{grid-template-columns:1fr}.dashboard-module-grid{grid-template-columns:1fr}.dash-stats{grid-template-columns:1fr}.dashboard-topbar{padding:0 13px}.dashboard-content{padding-inline:10px}.dash-panel{padding:16px}.topbar-actions{gap:5px}.topbar-profile{display:none}.kanban-grid{grid-template-columns:repeat(5,260px)}.calendar-list article{grid-template-columns:70px 1fr}.calendar-list aside{grid-column:2;text-align:left}.integration-grid,.webhook-grid{grid-template-columns:1fr}.creator-admin-logo{display:none}.footer-bottom{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.ambient-bg span,.page-art::before,.page-art::after,.page-art i,.page-art .orbit-dot,.hero-symbol,.hero-symbol::before,.hero-symbol::after,.stats-section::after{animation:none!important}}

/* Fokus Management v5 finishing layer */
:root{--font:"Inter","Segoe UI",Arial,sans-serif;--font-display:"Inter","Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea,optgroup{font-family:var(--font)!important}
h1,h2,h3,h4,h5,h6,.hero-copy h1,.page-hero h1,.section-heading h2,.creator-welcome h2,.form-section h2{font-family:var(--font-display)!important;font-style:normal!important;letter-spacing:-.035em;font-weight:800!important}
body{background:#050506!important;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 82% 14%,rgba(242,20,29,.075),transparent 31%)!important;background-size:54px 54px,54px 54px,auto!important}
body::before{opacity:.16!important}
.brand img,.sidebar-logo img,.footer-logo{filter:none!important;background:transparent!important;mix-blend-mode:normal!important;object-fit:contain}
.dash-stat strong,.zero-box strong,.process-number,.metric-grid strong,.stat strong{font-style:normal!important;transform:none!important;rotate:0deg!important;font-family:var(--font)!important}

.branding-settings-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;padding:18px 0 28px}.brand-preview.large{width:250px;min-height:130px}.settings-subsection{margin-top:42px;padding-top:30px;border-top:1px solid #29292e}.warning-panel>i{font-size:1.5rem;color:var(--red);margin-bottom:12px}.branding-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.branding-upload-grid>div{border:1px solid #29292e;background:#09090b;padding:14px}.branding-upload-grid label{display:block;margin-bottom:9px;font-size:.75rem;font-weight:750}.branding-upload-grid input{margin-top:10px;width:100%}.banner-preview{height:125px;border:1px dashed #38383d;background:#070708;display:grid;place-items:center;overflow:hidden;color:#555}.banner-preview img{width:100%;height:100%;object-fit:cover}.creator-admin-copy{min-width:0;flex:1}

.account-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-card{background:#09090b;border:1px solid #29292e;padding:20px;position:relative}.account-card::before{content:"";position:absolute;left:0;top:0;width:44px;height:3px;background:var(--red)}.account-card-head,.account-card-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.account-card-head small,.logo-cell small{display:block;color:#77777f;margin-top:3px}.account-meta{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.account-meta span{display:flex;align-items:center;gap:7px;border:1px solid #29292e;background:#101012;padding:7px 9px;font-size:.69rem;color:#a3a3a9}.account-meta i{color:var(--red)}.account-card>p{font-size:.77rem;min-height:42px}.account-inline-form{padding:15px 0;margin-top:15px;border-top:1px solid #242428;border-bottom:1px solid #242428}.account-card-foot{align-items:center;padding-top:15px}.account-card-foot>small{color:#686870}.account-card .table-actions{flex-wrap:wrap;justify-content:flex-end}.account-card .table-action i{margin-right:5px}

.creator-profile-hero{position:relative;isolation:isolate;overflow:hidden;padding:170px 0 95px;border-bottom:1px solid #25252a;background:linear-gradient(110deg,#050506 15%,#0d0d0f 70%,color-mix(in srgb,var(--creator-accent) 10%,#070708))}.creator-banner{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.15;filter:saturate(.65) contrast(1.15)}.creator-profile-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050506 8%,rgba(5,5,6,.84) 50%,rgba(5,5,6,.55))}.creator-brand-logo{max-width:190px;max-height:78px;object-fit:contain;object-position:left center;margin-bottom:18px}.creator-focus{display:flex;align-items:center;gap:8px;color:var(--creator-accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}.creator-profile-hero .profile-image-wrap{border-color:color-mix(in srgb,var(--creator-accent) 65%,#333)}.creator-profile-hero .profile-image-wrap::after{background:var(--creator-accent)}.creator-profile-hero .btn{background:var(--creator-accent);border-color:var(--creator-accent)}.creator-profile-hero .btn-ghost{background:transparent}.creator-page-art{opacity:.45}.profile-facts>div{position:relative;padding-left:52px}.profile-facts>div>i{position:absolute;left:18px;top:22px;color:var(--creator-accent);font-size:1.05rem}.social-link-grid a{display:flex;justify-content:space-between;align-items:center}.social-link-grid a>span{display:flex;align-items:center;gap:10px}.social-link-grid a>span i{color:var(--red)}

.action-list a>span{display:flex;align-items:center;gap:9px}.action-list a>i{color:var(--red)}.document-list>a>i{width:32px;color:var(--red);font-size:1.1rem}.document-list>a>b{display:flex;align-items:center;gap:6px}.compact-list>a>i{width:28px;color:var(--red)}.announcement-strip article>i{width:25px;color:var(--red)}.tabs button i{margin-right:7px}.status-live i,.live-badge i{font-size:.58em;animation:pulseDot 1.2s infinite}.privacy-required{padding:15px!important;border:1px solid #3b2b2d!important;background:rgba(242,20,29,.035)!important}.privacy-required input{accent-color:var(--red)}

@media(max-width:1100px){.account-card-grid{grid-template-columns:1fr}.branding-upload-grid{grid-template-columns:1fr 1fr}.branding-upload-grid>div:last-child{grid-column:1/-1}}
@media(max-width:680px){.branding-settings-grid{grid-template-columns:1fr}.brand-preview.large{width:100%}.branding-upload-grid{grid-template-columns:1fr}.branding-upload-grid>div:last-child{grid-column:auto}.account-card{padding:16px}.account-card-head,.account-card-foot{align-items:flex-start;flex-direction:column}.account-card .table-actions{justify-content:flex-start}.creator-profile-hero{padding-top:125px}.creator-brand-logo{max-width:155px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}.creator-admin-header{align-items:flex-start;flex-wrap:wrap}.creator-admin-copy{flex-basis:calc(100% - 90px)}}
.action-list>div{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-bottom:1px solid #232328}.action-list>div strong{font-size:.82rem}.action-list>div span{font-size:.73rem;color:#85858d}.empty-state>i,.chat-empty>i{font-size:2rem;color:var(--red);margin-bottom:14px}.document-list>a{align-items:center}.auth-logo img{background:transparent!important;max-height:95px;object-fit:contain}

/* ========================================================================== 
   FOKUS MANAGEMENT V6 — visual polish & dashboard usability
   ========================================================================== */
:root{--font-display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html{scrollbar-width:thin;scrollbar-color:#4b4b50 #080809}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080809}::-webkit-scrollbar-thumb{background:#38383d;border:2px solid #080809}::-webkit-scrollbar-thumb:hover{background:var(--red)}
body{background:#050506;background-image:radial-gradient(circle at 86% 2%,rgba(239,18,18,.08),transparent 30%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;background-attachment:fixed}
h1,h2,h3,.btn,.eyebrow,.kicker{font-family:var(--font-display);font-style:normal}
h1,h2,h3{font-weight:850;letter-spacing:-.045em}.public-body h1{font-weight:900}

/* Text wordmarks replace oversized image logos */
.brand-wordmark,.sidebar-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:.82;white-space:nowrap;text-transform:uppercase}
.brand-wordmark strong,.sidebar-wordmark strong{color:var(--red);font-size:1.62rem;font-weight:950;letter-spacing:.045em}
.brand-wordmark span,.sidebar-wordmark span{color:#fff;font-size:.64rem;font-weight:850;letter-spacing:.29em;margin-top:9px;padding-left:2px}
.header-inner>.brand-wordmark{min-width:190px}.footer-wordmark{margin-bottom:22px}.footer-wordmark strong{font-size:2rem}.footer-wordmark span{font-size:.76rem}
.header-apply{min-height:38px!important;padding:8px 15px!important;font-size:.65rem!important}

/* Hero: animated 3D browser laptop */
.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:clamp(45px,6vw,90px)}
.hero-visual{perspective:1350px;min-height:540px;align-items:center}
.laptop-scene{position:relative;width:min(650px,100%);transform-style:preserve-3d;animation:laptopFloat 7s ease-in-out infinite}
.laptop-glow{position:absolute;inset:12% 6% -5%;background:radial-gradient(ellipse,rgba(239,18,18,.22),transparent 65%);filter:blur(26px);transform:translateZ(-50px)}
.laptop-screen{position:relative;width:88%;margin-inline:auto;aspect-ratio:16/10;background:#070708;border:2px solid #3a3a3f;border-bottom-width:8px;padding:8px;box-shadow:0 32px 90px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05) inset;transform:rotateY(-7deg) rotateX(2deg);transform-origin:center bottom;overflow:hidden}
.browser-bar{height:26px;background:#17171a;display:flex;align-items:center;gap:5px;padding:0 9px;color:#777}.browser-bar>span{width:6px;height:6px;border-radius:50%;background:#4d4d52}.browser-bar>span:first-child{background:var(--red)}.browser-bar>div{margin-left:8px;height:14px;line-height:14px;background:#0c0c0e;border:1px solid #26262a;flex:1;padding:0 7px;font-size:.37rem;white-space:nowrap;overflow:hidden}
.dashboard-preview{height:calc(100% - 26px);display:grid;grid-template-columns:21% 1fr;background:#080809;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:25px 25px;color:#fff}
.dashboard-preview aside{padding:11px 8px;background:#0b0b0d;border-right:1px solid #252529;display:flex;flex-direction:column}.dashboard-preview aside b{color:var(--red);font-size:.54rem;letter-spacing:.08em}.dashboard-preview aside small{font-size:.25rem;letter-spacing:.19em;margin:4px 0 15px}.dashboard-preview aside i{height:10px;background:#19191c;margin:4px 0;border-left:1px solid transparent}.dashboard-preview aside i:first-of-type{border-left-color:var(--red);background:#261012}
.dashboard-preview main{padding:11px;min-width:0}.dashboard-preview header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashboard-preview header small,.dashboard-preview header strong{display:block}.dashboard-preview header small{color:var(--red);font-size:.28rem;letter-spacing:.12em}.dashboard-preview header strong{font-size:.68rem;margin-top:2px}.dashboard-preview header>span{width:18px;height:18px;border:1px solid #303035;display:grid;place-items:center;font-size:.4rem}.dashboard-preview main>section{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dashboard-preview main>section article,.preview-panels>article{background:#101012;border:1px solid #29292e;padding:8px}.dashboard-preview main>section small,.preview-panels small{display:block;color:#777;font-size:.25rem}.dashboard-preview main>section b{font-size:.82rem;line-height:1.2}
.preview-panels{display:grid;grid-template-columns:1.4fr .8fr;gap:6px;margin-top:6px;height:56%}.preview-panels strong{display:block;font-size:.43rem;margin:4px 0 9px}.preview-panels article>i{display:block;height:4px;background:#2a2a2e;margin:5px 0}.preview-panels article>i:nth-of-type(2){width:80%}.preview-panels article>i:nth-of-type(3){width:60%}.preview-chat span{display:block;width:75%;height:9px;background:#242429;margin:5px 0}.preview-chat span:last-child{margin-left:auto;background:#451518}
.laptop-base{position:relative;width:100%;height:24px;margin-top:-1px;background:linear-gradient(#a1a1a6,#4c4c52 38%,#202024);clip-path:polygon(8% 0,92% 0,100% 62%,96% 100%,4% 100%,0 62%);filter:drop-shadow(0 26px 24px rgba(0,0,0,.65));transform:rotateY(-3deg)}.laptop-base span{position:absolute;left:43%;top:0;width:14%;height:6px;background:#303034;border-radius:0 0 5px 5px}
.laptop-scene::before,.laptop-scene::after{content:"";position:absolute;z-index:-1;border:1px solid rgba(239,18,18,.26);inset:-8% 3% 2%;transform:translateZ(-80px) rotate(4deg);animation:laptopFrame 12s linear infinite}.laptop-scene::after{inset:5% 12% 10%;border-style:dashed;animation-direction:reverse;animation-duration:17s}
@keyframes laptopFloat{0%,100%{transform:translateY(0) rotateZ(-.35deg)}50%{transform:translateY(-14px) rotateZ(.35deg)}}@keyframes laptopFrame{to{transform:translateZ(-80px) rotate(364deg)}}

/* Dashboard sidebar */
.dashboard-shell{grid-template-columns:278px minmax(0,1fr);--sidebar:278px}.sidebar{width:278px;padding:17px 13px 12px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#303036 transparent}.sidebar-wordmark{padding:9px 12px 19px;border-bottom:1px solid #232328;margin:0 2px 6px}.sidebar-wordmark strong{font-size:1.42rem}.sidebar-wordmark span{font-size:.55rem;margin-top:8px}
.sidebar-label{margin:18px 12px 7px;font-size:.58rem;letter-spacing:.15em}.sidebar-nav{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-nav a{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;padding:10px 12px!important;font-size:.81rem!important;line-height:1.15!important;white-space:nowrap!important}.sidebar-nav a i{flex:0 0 21px;width:21px!important;font-size:.85rem!important}.sidebar-nav a span{display:block!important;min-width:0!important;width:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;writing-mode:horizontal-tb!important;word-break:normal!important}.sidebar-user{flex:0 0 auto}.sidebar-logout{flex:0 0 auto}
.dashboard-main{min-height:100vh}.dashboard-content{padding:28px 30px 58px}.dashboard-topbar{height:84px}.dashboard-topbar h1{font-size:1.38rem!important}

/* Dashboard panels and alignment */
.dash-panel{display:flex;flex-direction:column;background:linear-gradient(145deg,#101012,#0a0a0c);border-color:#29292e;min-width:0}.dashboard-equal-row{align-items:stretch!important}.dashboard-equal-row>.dash-panel{height:100%;margin-bottom:18px}.panel-fill{flex:1;min-height:0}.panel-center-empty:has(.empty-cell:only-child),.panel-center-empty:has(>p.empty-cell:only-child),.panel-center-empty:has(>div.empty-cell:only-child){display:flex;align-items:center;justify-content:center;min-height:150px}.panel-center-empty .empty-cell:only-child{width:100%;margin:auto}.empty-cell{display:flex;align-items:center;justify-content:center;min-height:115px;margin:0;text-align:center!important}.table-wrap .empty-cell{display:table-cell;min-height:0}
.dash-grid.two-thirds{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr)}.dash-grid.two-thirds>.dash-panel{min-height:290px}.dashboard-equal-row:nth-of-type(2)>.dash-panel{min-height:360px}.panel-head{margin-bottom:22px}.panel-head h2{margin-top:5px!important}.panel-head p{max-width:780px;line-height:1.6}.dash-stat strong{font-variant-numeric:tabular-nums}.compact-list,.calendar-list,.creator-status-grid,.task-list,.goal-list,.notification-list{min-width:0}
.creator-status-grid{align-content:start}.creator-status-grid>a{min-width:0}.creator-status-grid strong,.creator-status-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-list article{min-width:0}
.dashboard-module-grid{align-items:stretch}.module-card{height:100%;display:flex;flex-direction:column}.module-card p{margin-top:auto}.module-card>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #38383d;background:#161619;margin-bottom:25px}
.manager-card .manager-profile{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:270px}.manager-profile>img,.manager-avatar{width:82px;height:82px;object-fit:cover;border:1px solid #34343a;background:#17171a;display:grid;place-items:center;color:var(--red);font-size:1.65rem;margin:3px auto 14px}.manager-profile strong{margin-bottom:8px}.manager-profile p{max-width:390px}.manager-profile .btn{margin-top:8px}
.creator-welcome{background:linear-gradient(110deg,#1d090b,#0b0b0d 70%);overflow:hidden;position:relative}.creator-welcome::after{content:"\f140";font:900 8rem/1 "Font Awesome 6 Free";position:absolute;right:30px;top:50%;transform:translateY(-50%);color:rgba(239,18,18,.055);pointer-events:none}
.form-row,.form-row.three{align-items:start}.field{min-width:0}.field label{margin-bottom:8px;line-height:1.25}.dashboard-form{gap:19px}.read-only-field{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #303035;background:#08080a;color:#aaa}.input-prefix{min-width:0}.input-prefix input{min-width:0}

/* Account cards */
.account-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-card{min-width:0}.account-card p{line-height:1.65}.account-inline-form{padding-top:17px;border-top:1px solid #27272c;margin-top:16px}.account-meta{display:flex;flex-wrap:wrap;gap:8px 15px}.account-meta span{display:flex;gap:7px;align-items:center;color:#8f8f97;font-size:.75rem}.account-meta i{color:var(--red)}

/* WhatsApp-style dashboard chat */
.chat-route .dashboard-main{height:100vh;overflow:hidden}.chat-route .dashboard-content{height:calc(100vh - 84px);padding:16px 20px 20px;overflow:hidden}.chat-workspace{height:100%;display:grid;grid-template-columns:310px minmax(0,1fr);background:#0b0b0d;border:1px solid #29292e;overflow:hidden}.chat-contacts{min-width:0;border-right:1px solid #29292e;background:#0d0d0f;display:flex;flex-direction:column}.chat-contacts-head{height:72px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #29292e;background:#111114}.chat-contacts-head>a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #33333a}.chat-contacts-head strong,.chat-contacts-head span{display:block}.chat-contact-scroll{overflow-y:auto;flex:1}.chat-contact-scroll>a{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid #202024}.chat-contact-scroll>a.active{background:#211012;border-left:3px solid var(--red)}.chat-contact-scroll>a:hover{background:#151518}.chat-contact-scroll strong,.chat-contact-scroll small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-contact-scroll small{font-size:.68rem;color:#777}.chat-contact-scroll>a>b{width:21px;height:21px;display:grid;place-items:center;background:var(--red);font-size:.62rem}
.chat-panel.whatsapp-chat{max-width:none;width:100%;height:100%;margin:0;border:0;display:grid;grid-template-rows:72px minmax(0,1fr) auto;background:#08080a;overflow:hidden}.whatsapp-chat>header{height:72px;padding:0 18px;background:#111114;flex-shrink:0}.whatsapp-chat>header>.icon-link,.chat-online{margin-left:auto}.chat-online{display:flex!important;align-items:center;gap:7px;color:#929299!important}.chat-online i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.chat-messages{height:auto!important;min-height:0;overflow-y:auto;padding:24px clamp(15px,3vw,45px);gap:7px;background-color:#08080a;background-image:radial-gradient(circle at 20% 25%,rgba(239,18,18,.045),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.012) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.012) 50%,rgba(255,255,255,.012) 75%,transparent 75%,transparent);background-size:auto,34px 34px}.chat-messages article>div{position:relative;max-width:min(74%,720px);padding:9px 12px 7px;border:0;border-radius:4px;background:#1b1b1f;box-shadow:0 3px 12px rgba(0,0,0,.18)}.chat-messages article.from-team>div{background:#481115;border:0}.creator-whatsapp .chat-messages article.from-creator{justify-content:flex-end}.creator-whatsapp .chat-messages article.from-creator>div{background:#481115}.creator-whatsapp .chat-messages article.from-team{justify-content:flex-start}.creator-whatsapp .chat-messages article.from-team>div{background:#1b1b1f}.chat-messages strong{font-size:.61rem;color:#d2868a;margin-bottom:2px}.chat-messages p{font-size:.86rem;line-height:1.5}.chat-messages time{text-align:right;color:#777;font-size:.56rem}.chat-attachment{display:flex;align-items:center;gap:9px;margin:7px 0 3px;padding:9px;background:rgba(0,0,0,.22);color:#fff;font-size:.75rem}.chat-attachment.image{display:block;padding:4px}.chat-attachment img{max-width:340px;max-height:290px;object-fit:cover}.chat-empty{display:grid;place-items:center;align-content:center;min-height:100%;margin:0}
.chat-compose{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important;align-items:end;padding:10px 12px!important;background:#111114;border-top:1px solid #29292e}.chat-compose textarea{min-height:42px!important;max-height:120px!important;resize:none;border:1px solid #303035;background:#19191d;padding:10px 13px;overflow-y:auto}.chat-file,.chat-send{width:42px;height:42px;border:1px solid #33333a;background:#18181c;color:#aaa;display:grid;place-items:center}.chat-file:hover,.chat-send:hover{color:#fff;border-color:var(--red)}.chat-file input{display:none}.chat-send{background:var(--red);border-color:var(--red);color:#fff}.chat-file-name{position:absolute;left:62px;bottom:58px;max-width:calc(100% - 125px);padding:4px 8px;background:#19191d;color:#aaa;font-size:.63rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-name:empty{display:none}.creator-whatsapp{height:calc(100vh - 120px)!important;min-height:540px}
.whatsapp-thread-list .empty-cell{min-height:260px}.whatsapp-thread-list .mini-avatar{border-radius:50%;background:#1c1c20}

/* Creator experience */
.creator-stats{align-items:stretch}.creator-stats>.dash-stat{height:100%}.checklist-list{display:flex;flex-direction:column}.checklist-list article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #26262b}.checklist-list article>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #37373d;background:#151518;color:var(--red)}.checklist-list strong,.checklist-list small{display:block}.checklist-list small{color:#777;margin-top:4px}.checklist-progress{display:flex;gap:14px;align-items:center;margin-bottom:22px}.checklist-progress .progress{flex:1;margin:0}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding:11px 0 11px 28px;border-bottom:1px solid #242429;color:#aaa}.check-list li::before{content:"\f00c";font:900 .72rem/1 "Font Awesome 6 Free";position:absolute;left:0;top:16px;color:var(--red)}
.metric-grid>div{position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end}.metric-grid>div>i{position:absolute;right:16px;top:16px;color:var(--red);font-size:1.1rem}.progress-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.progress-overview article{display:flex;gap:14px;align-items:center;padding:20px;background:#0b0b0d;border:1px solid #27272c}.progress-overview article>i{width:42px;height:42px;display:grid;place-items:center;background:#18181c;color:var(--red);border:1px solid #33333a}.progress-overview p{margin:3px 0 0;font-size:.75rem}.event-timeline article{display:grid;grid-template-columns:85px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid #27272c}.event-date{border-left:3px solid var(--red);padding-left:15px}.event-date strong,.event-date span{display:block}.event-date strong{font-size:2rem}.event-date span{color:#777;font-size:.7rem}.event-timeline h3{margin:10px 0 7px}.event-timeline small{color:#85858e}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.resource-grid article{display:flex;flex-direction:column;min-width:0;border-top:2px solid #303035;transition:.2s}.resource-grid article:hover{border-top-color:var(--red);transform:translateY(-3px)}.resource-grid article .btn,.resource-grid article .text-link{margin-top:auto;align-self:flex-start}.resource-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--red);background:#18181c;border:1px solid #33333a;margin-bottom:20px}.deal-next{margin-top:auto;padding:12px;background:#131316;border-left:2px solid var(--red)}

/* Integration icons */
.integration-icon{font-size:0!important}.integration-icon::before{font:900 1.05rem/1 "Font Awesome 6 Free"}.integration-grid>div:nth-child(1) .integration-icon::before{font-family:"Font Awesome 6 Brands";content:"\f1e8"}.integration-grid>div:nth-child(2) .integration-icon::before{font-family:"Font Awesome 6 Brands";content:"\f392"}.integration-grid>div:nth-child(3) .integration-icon::before{content:"\f0e0"}.integration-grid>div:nth-child(4) .integration-icon::before{content:"\f1c0"}

/* Responsive V6 */
@media(max-width:1250px){.hero-inner{grid-template-columns:1fr 1fr}.account-card-grid{grid-template-columns:1fr}.progress-overview{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.dashboard-shell{grid-template-columns:260px minmax(0,1fr);--sidebar:260px}.sidebar{width:260px}.dash-grid.two-thirds{grid-template-columns:1fr}.dashboard-equal-row>.dash-panel{min-height:auto}.hero-inner{grid-template-columns:1fr}.hero-copy{max-width:850px}.hero-visual{min-height:500px}.laptop-scene{max-width:650px}.chat-workspace{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:900px){.dashboard-shell{display:block}.sidebar{width:min(310px,88vw)}.sidebar-nav a{font-size:.86rem!important}.chat-route .dashboard-content{height:calc(100vh - 84px);padding:10px}.chat-workspace{grid-template-columns:1fr}.chat-contacts{display:none}.creator-whatsapp{height:calc(100vh - 113px)!important}.main-nav .header-apply{margin-top:12px}.header-inner>.brand-wordmark{min-width:0}.brand-wordmark strong{font-size:1.34rem}.brand-wordmark span{font-size:.52rem}.hero-visual{min-height:430px}.signal-live{right:4%;bottom:3%}}
@media(max-width:680px){.hero{padding-top:112px}.hero-inner{gap:28px}.hero-visual{min-height:330px}.laptop-screen{width:94%;padding:5px;border-bottom-width:5px}.browser-bar{height:19px}.dashboard-preview{height:calc(100% - 19px)}.laptop-base{height:17px}.dashboard-preview main{padding:6px}.dashboard-preview aside{padding:7px 5px}.signal-live{font-size:.54rem;padding:8px 9px}.progress-overview,.resource-grid{grid-template-columns:1fr}.chat-messages article>div{max-width:88%}.chat-attachment img{max-width:100%}.chat-compose{grid-template-columns:38px minmax(0,1fr) 38px!important}.chat-file,.chat-send{width:38px;height:38px}.dashboard-content{padding-inline:10px}.panel-head{gap:10px;flex-wrap:wrap}.panel-head>div{width:100%}.creator-welcome{align-items:flex-start;flex-direction:column}.creator-welcome::after{display:none}.checklist-list article{grid-template-columns:40px minmax(0,1fr)}.checklist-list article>form{grid-column:2}.event-timeline article{grid-template-columns:65px minmax(0,1fr);gap:14px}.sidebar-wordmark{padding-left:12px}}
@media(prefers-reduced-motion:reduce){.laptop-scene,.laptop-scene::before,.laptop-scene::after{animation:none!important}}

/* Onboarding checklist cards */
.onboarding-checklist .panel-head>strong{font-size:1.5rem;color:var(--red);font-variant-numeric:tabular-nums}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:19px}.checklist-item{margin:0}.checklist-item button{width:100%;height:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;text-align:left;padding:17px;border:1px solid #29292e;background:#0b0b0d;color:#fff;transition:.2s}.checklist-item button:hover{border-color:#5b282b;background:#111113}.checklist-item button>i{width:34px;height:34px;display:grid;place-items:center;background:#18181c;border:1px solid #34343a;color:var(--red)}.checklist-item strong,.checklist-item small{display:block}.checklist-item strong{font-size:.84rem}.checklist-item small{margin-top:5px;color:#777;line-height:1.5}.checklist-item.done button{opacity:.64;border-color:#244a37}.checklist-item.done button>i{color:var(--green)}.checklist-item.done strong{text-decoration:line-through}
@media(max-width:720px){.checklist-grid{grid-template-columns:1fr}}


/* v7 focused refinements */
html, body, body *:not(input):not(textarea):not(select):not(option) { -webkit-user-select:none; user-select:none; }
input, textarea, select { -webkit-user-select:text; user-select:text; }
img { -webkit-user-drag:none; user-drag:none; }
.ambient-bg span,.page-art::before,.page-art::after,.page-art .orbit-dot,.laptop-scene::before,.laptop-scene::after{display:none!important;animation:none!important}
.ambient-bg{background:#050506!important}
.laptop-scene{animation:none!important;transform:none!important;pointer-events:none!important}
.laptop-screen,.dashboard-preview{pointer-events:none!important}
.hero-visual{background:radial-gradient(circle at 55% 42%,rgba(239,18,18,.12),transparent 48%)}
.required-mark{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-left:8px}
.creator-profile-hero{overflow:hidden;background:linear-gradient(120deg,#09090b 0%,#030304 58%,rgba(95,7,10,.16) 100%)}
.creator-profile-grid{position:relative;z-index:2}
.profile-image-wrap img{object-fit:cover;background:#0b0b0d}
.creator-profile-copy{max-width:850px}
.creator-profile-copy h1{font-size:clamp(3rem,6.4vw,6.2rem);overflow-wrap:anywhere;line-height:.94}
.creator-social-section{border-top:1px solid rgba(255,255,255,.08)}
.social-link-grid a{min-height:82px;background:linear-gradient(135deg,#101012,#080809);border-color:#29292e;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.social-link-grid a:hover{transform:translateY(-3px);border-color:var(--creator-accent,var(--red));background:#121214}
.team-grid-dynamic{grid-template-columns:repeat(auto-fit,minmax(260px,360px));justify-content:start}
.empty-public-state{padding:40px;border:1px solid #2b2b30;background:#0b0b0d;text-align:center}
.empty-public-state i{font-size:2rem;color:var(--red);margin-bottom:14px}
@media(max-width:760px){.creator-profile-copy h1{font-size:clamp(2.5rem,14vw,4.2rem)}.profile-image-wrap{max-width:430px;margin-inline:auto}.social-link-grid a{min-height:70px}}

/* v8: prevent the browser default white paint between dashboard navigations. */
html,body,.dashboard-body,.dashboard-shell,.dashboard-main{background-color:#050505}


/* V9: Team account form alignment */
.team-profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:4px}
.team-profile-fields .field{margin-bottom:0}
.team-profile-fields .bio-field textarea{min-height:112px;display:block}
.team-profile-fields label{min-height:18px;display:flex;align-items:center}
@media(max-width:760px){.team-profile-fields{grid-template-columns:1fr}.team-profile-fields .bio-field textarea{min-height:126px}}

/* Discord-Bot-Steuerung: klare Abstände zwischen den Aktionen */
.bot-control-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.bot-control-actions form {
    margin: 0;
}

.bot-control-actions .btn {
    min-height: 52px;
    margin: 0;
}

@media (max-width: 720px) {
    .bot-control-actions,
    .bot-control-actions form,
    .bot-control-actions .btn {
        width: 100%;
    }

    .bot-control-actions .btn {
        justify-content: center;
    }
}


/* Discord Bot Center v12 */
.bot-overview-grid { align-items: stretch; }
.bot-overview-grid > .dash-panel { height: 100%; }
.bot-health-list { display: grid; margin: 18px 0 24px; border: 1px solid var(--line); }
.bot-health-list > div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.bot-health-list > div:last-child { border-bottom: 0; }
.bot-health-list span { color: var(--muted); }
.bot-kpi-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.bot-kpi-grid > div { min-height: 118px; padding: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.018); display: grid; align-content: center; gap: 7px; }
.bot-kpi-grid i { color: var(--red); font-size: 1.2rem; }
.bot-kpi-grid span { color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.bot-kpi-grid strong { font-size: 1.55rem; }
.table-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.table-actions form { margin: 0; }
.btn-danger { background: rgba(255,17,24,.09); border-color: rgba(255,17,24,.65); color: #fff; }
.btn-danger:hover { background: var(--red); }
.bot-stack-list > div { align-items: center; gap: 18px; }
.bot-stack-list > div > div:first-child { min-width: 0; flex: 1; }
@media (max-width: 760px) {
  .bot-kpi-grid { grid-template-columns: 1fr; }
  .table-actions, .table-actions form, .table-actions .btn { width: 100%; }
  .bot-stack-list > div { align-items: stretch; flex-direction: column; }
}

/* Mobile navigation viewport fix */
html.menu-locked,
html.menu-locked body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

@media (max-width: 900px) {
  .site-header.scrolled {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body > .menu-backdrop,
  .menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    z-index: 9998 !important;
    background: rgba(0, 0, 0, .94) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  body > .main-nav,
  .main-nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: min(88vw, 390px) !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 9999 !important;
    background: #080809 !important;
    background-image: none !important;
    opacity: 1 !important;
    isolation: isolate;
  }

  .menu-toggle {
    z-index: 10000 !important;
  }
}


/* Form success alignment fix */
.success-page .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.success-page .hero-actions {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.about-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.about-socials a{width:auto;min-width:150px;height:54px;padding:0 20px;gap:10px;border:1px solid rgba(255,255,255,.12);background:#111;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.about-socials a:hover{border-color:#ef1212;transform:translateY(-2px)}.about-socials a i{font-size:20px;color:#ef1212}.about-socials a span{display:inline}
.seo-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.seo-status-grid>div{background:#0b0b0b;border:1px solid rgba(255,255,255,.09);padding:14px 16px;display:flex;flex-direction:column;gap:5px}.seo-status-grid strong{color:#fff}.seo-status-grid span,.seo-status-grid a{color:#aaa;font-size:.9rem}.seo-status-grid a:hover{color:#fff}@media(max-width:760px){.seo-status-grid{grid-template-columns:1fr}}