:root{--bg:#f5f8fc;--surface:#fff;--surface2:#eef4f8;--ink:#0b1a2a;--muted:#607086;--line:#dce6ee;--brand:#0b7890;--brand2:#17a6a1;--gold:#c59b52;--navy:#07131f;--shadow:0 18px 55px rgba(8,31,49,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{border:0;border-radius:13px;padding:12px 17px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 22px rgba(11,120,144,.18)}button:hover{transform:translateY(-1px)}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:2px;font-size:19px}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand em{font-style:normal;color:var(--brand)}.landing{min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(23,166,161,.16),transparent 28%),radial-gradient(circle at 10% 30%,rgba(197,155,82,.12),transparent 26%),linear-gradient(180deg,#fbfdff,#f2f7fa)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,80px);border-bottom:1px solid rgba(220,230,238,.7);background:rgba(255,255,255,.76);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.nav-actions,.top-actions,.actions,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero{max-width:1250px;margin:auto;padding:80px 30px 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin:20px 0}.hero h1 span{color:var(--brand)}.hero p{font-size:19px;line-height:1.75;color:var(--muted);max-width:720px}.bismillah{font-size:26px;color:#6f572f}.bismillah-urdu{font-size:15px;color:var(--muted);margin-top:5px}.pill,.eyebrow{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(11,120,144,.18);background:rgba(11,120,144,.07);color:var(--brand);padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1.2px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#526274;font-size:13px;font-weight:700}.hero-orbit{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(11,120,144,.15);border-radius:50%;width:310px;height:310px}.hero-orbit:after{width:410px;height:410px;border-color:rgba(197,155,82,.16)}.orbit-core{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#07131f,#123044);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 30px 80px rgba(7,19,31,.3);z-index:2;text-align:center}.orbit-core img{width:80px;height:80px;border-radius:50%;margin-bottom:8px}.orbit-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px;border-radius:14px;font-weight:800;z-index:3}.c1{top:34px;left:45px}.c2{top:80px;right:20px}.c3{bottom:50px;left:35px}.c4{bottom:30px;right:40px}.stats-strip{max-width:1120px;margin:0 auto 70px;padding:18px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.stats-strip div{text-align:center;border-right:1px solid var(--line)}.stats-strip div:last-child{border:0}.stats-strip b{display:block;color:var(--brand);font-size:19px}.stats-strip small{color:var(--muted)}.feature-section{max-width:1250px;margin:auto;padding:40px 30px 80px}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:40px;margin:14px 0 8px}.section-title p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:20px;padding:25px;min-height:180px;box-shadow:0 10px 30px rgba(8,31,49,.05)}.feature-grid article:first-letter{font-size:28px}.feature-grid h3{margin:12px 0 7px}.feature-grid p{color:var(--muted);line-height:1.55;font-size:14px}.landing-footer{border-top:1px solid var(--line);padding:35px 30px;text-align:center;color:var(--muted)}.landing-footer .brand{justify-content:center;color:var(--ink)}.app{min-height:100vh;background:var(--bg)}.topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 24px;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.top-brand .brand{font-size:16px}.top-brand small{display:block;color:var(--muted);margin-top:2px}.plan-chip,.credits,.admin-badge{border-radius:999px;padding:7px 11px;background:rgba(11,120,144,.09);color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.7px}.credits{background:#f4efe4;color:#70552a}.workspace{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:245px;flex:none;background:linear-gradient(180deg,#07131f,#0b2230);color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:76px;height:calc(100vh - 76px);overflow-y:auto}.side-label{font-size:10px;letter-spacing:1.6px;color:#8ba5b3;padding:8px 12px}.side{width:100%;display:flex;align-items:center;gap:12px;background:transparent;color:#dce8ed;border:1px solid transparent;box-shadow:none;text-align:left;padding:12px;border-radius:13px}.side span{font-size:20px;width:27px;text-align:center}.side b{font-size:13px}.side:hover{background:rgba(255,255,255,.07);transform:none}.side.active{background:linear-gradient(135deg,rgba(23,166,161,.28),rgba(11,120,144,.18));border-color:rgba(255,255,255,.10);color:#fff}.sidebar-bottom{margin-top:auto;padding:16px 12px;color:#78929f;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.sidebar-bottom small{font-weight:900;letter-spacing:1px;color:#b6c8d0}.content{min-width:0;flex:1;padding:28px clamp(18px,3vw,42px) 60px}.view{max-width:1250px;margin:auto}.dashboard-hero{background:linear-gradient(135deg,#07131f,#103647);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 24px 60px rgba(7,19,31,.18)}.dashboard-hero h2{font-size:38px;margin:12px 0}.dashboard-hero p{color:#c5d7df}.dashboard-hero .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#bde9e5}.dashboard-logo img{width:145px;height:145px;border-radius:50%;box-shadow:0 20px 50px rgba(0,0,0,.28)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.quick-card{text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:20px;border-radius:18px}.quick-card span{font-size:27px;display:block;margin-bottom:10px}.quick-card small{display:block;color:var(--muted);margin-top:4px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;text-align:left;padding:20px;min-height:135px}.module .icon{font-size:28px;display:block;margin-bottom:14px}.module small{display:block;color:var(--muted);margin-top:5px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:20px}.section-head h2{font-size:31px;margin:8px 0}.section-head p{color:var(--muted);margin:0;line-height:1.55}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(8,31,49,.05)}input,textarea,select{width:100%;border:1px solid var(--line);background:#fbfdff;color:var(--ink);border-radius:12px;padding:12px 13px;outline:none;margin:0 0 10px}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,120,144,.08)}.chatbox{height:54vh;min-height:330px;overflow:auto;background:#edf4f7;border:1px solid var(--line);border-radius:18px;padding:18px}.bubble{max-width:82%;padding:12px 15px;border-radius:16px;margin:8px 0;white-space:pre-wrap;line-height:1.55}.assistant{background:#fff;border:1px solid var(--line);margin-right:auto}.user{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;margin-left:auto}.chat-input{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.ai-studio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ai-result{grid-row:span 2}.cv-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(350px,1.1fr);gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cv-paper{background:#fff;color:#111;border:1px solid #d8dde1;min-height:900px;padding:42px;box-shadow:var(--shadow)}.cv-paper h1{font-size:32px;margin:0 0 3px}.cv-paper h2{font-size:14px;border-bottom:1px solid #ddd;padding-bottom:5px;margin-top:24px}.cv-paper p{line-height:1.5}.cv-paper section span{display:inline-block;margin-right:8px}.career-grid,.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool h3{margin-top:0}.tool strong{display:block;margin-top:8px;color:var(--brand)}.qrcode{min-height:20px}.file-tools{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.info-box{padding:18px;border-radius:12px;background:var(--surface2);line-height:1.8;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:170px;display:flex;flex-direction:column;align-items:flex-start}.resource .icon{font-size:27px}.resource h3{margin:12px 0 7px}.resource small{color:var(--muted);line-height:1.55}.tag{margin-top:auto;padding:5px 9px;border-radius:999px;background:rgba(11,120,144,.08);color:var(--brand);font-size:10px;font-weight:800}.small-btn{padding:8px 11px;font-size:11px}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:16px}.profile-card{text-align:center;background:linear-gradient(145deg,#07131f,#123044);color:#fff;border-radius:22px;padding:30px}.avatar img{width:100px;height:100px;border-radius:50%}.profile-card p{color:#b8cbd3}.profile-stat{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat-card b{display:block;font-size:28px;color:var(--brand)}.stat-card span{color:var(--muted);font-size:13px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-panel.wide{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-head h3{margin:0}.admin-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px 130px 100px;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.super-admin-row{background:linear-gradient(90deg,rgba(23,166,161,.07),transparent);border-radius:12px;padding-left:10px;padding-right:10px}.admin-row select:disabled,.admin-row input:disabled{opacity:.7;background:#eef4f8;color:#0b7890;font-weight:800}.admin-row:last-child{border-bottom:0}.admin-row b,.admin-row small{display:block}.admin-row small{color:var(--muted);margin-top:3px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:10px}.toggle-row:last-child{border-bottom:0}.toggle-row span small{display:block;color:var(--muted);margin-top:3px}.toggle-row input{width:auto;margin:0}.activity-list{display:grid;gap:7px}.activity{padding:11px;border-radius:10px;background:var(--surface2);font-size:12px}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#07131f;color:#fff;padding:13px 16px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.modal{position:fixed;inset:0;background:rgba(2,12,20,.62);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:80}.modal-card{width:min(450px,100%);background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 35px 90px rgba(0,0,0,.3)}.modal-card .center{justify-content:center;margin-bottom:16px}.modal-card h2{font-size:25px}.modal-close{position:absolute;right:14px;top:14px;font-size:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.tabs button{background:var(--surface2);color:var(--ink);box-shadow:none}.tabs button.active{background:var(--navy);color:#fff}.auth-msg{min-height:22px;color:#b04d4d;font-size:13px}.mobile-menu{display:none}.mobile-menu:focus{outline:3px solid rgba(23,166,161,.2);outline-offset:2px}.muted{color:var(--muted);line-height:1.6}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-orbit{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:215px}.module-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{height:auto;padding:13px 14px;gap:8px}.nav-actions button{padding:9px 10px}.nav-actions .theme-toggle{display:none}.hero{padding:55px 20px 35px}.hero h1{font-size:47px;letter-spacing:-2px}.stats-strip{margin:0 15px 45px;grid-template-columns:repeat(2,1fr)}.stats-strip div{border-bottom:1px solid var(--line);padding:12px}.feature-section{padding:20px 18px 50px}.feature-grid{grid-template-columns:1fr}.section-title h2{font-size:31px}.topbar{height:68px;padding:8px 12px}.mobile-menu{display:block}.top-brand .brand span{display:none}.top-actions .credits{display:none}.workspace{display:block}.sidebar{position:fixed;left:-270px;top:68px;height:calc(100vh - 68px);z-index:40;width:255px;transition:left .2s}.sidebar.open{left:0}.content{padding:18px 12px 45px}.dashboard-hero{padding:24px}.dashboard-hero h2{font-size:30px}.dashboard-logo{display:none}.module-grid,.quick-grid,.ai-studio-grid,.career-grid,.tool-grid,.file-tools,.profile-grid,.cv-layout,.admin-grid{grid-template-columns:1fr}.admin-panel.wide{grid-column:auto}.admin-row{grid-template-columns:1fr 1fr;padding:12px}.admin-row select,.admin-row input{min-width:0}.admin-row input{grid-column:1/-1}.super-admin-row{padding:12px}.form-grid{grid-template-columns:1fr}.chat-input{grid-template-columns:1fr}.cv-paper{min-height:auto;padding:25px}.section-head{align-items:flex-start;flex-direction:column}.top-actions .ghost{display:none}}
[data-theme=dark]{--bg:#071019;--surface:#0d1b27;--surface2:#102431;--ink:#edf7fa;--muted:#9bb0bb;--line:#203642;--brand:#52d0c5;--brand2:#2fa9c3;--gold:#d4b46e}.dark body{background:var(--bg)}[data-theme=dark] .landing{background:radial-gradient(circle at 80% 10%,rgba(47,169,195,.14),transparent 28%),linear-gradient(180deg,#06111b,#091923)}[data-theme=dark] .nav,[data-theme=dark] .modal-card,[data-theme=dark] .panel,[data-theme=dark] .module,[data-theme=dark] .quick-card,[data-theme=dark] .resource,[data-theme=dark] .stats-strip,[data-theme=dark] .feature-grid article,[data-theme=dark] .cv-paper{background:var(--surface);color:var(--ink)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#0a1722;color:var(--ink)}[data-theme=dark] .chatbox{background:#0a1722}[data-theme=dark] .assistant{background:#10212d;color:var(--ink)}[data-theme=dark] .dashboard-hero{background:linear-gradient(135deg,#06111b,#0c3443)}[data-theme=dark] .landing-footer{border-color:var(--line)}

.sidebar-backdrop{display:none}
@media(max-width:760px){.sidebar-backdrop{display:block;position:fixed;inset:68px 0 0 0;background:rgba(2,12,20,.48);backdrop-filter:blur(2px);z-index:35;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar{z-index:40}.topbar{box-shadow:0 8px 28px rgba(8,31,49,.08)}}

/* v15 extensions */
.plan-choice{display:flex;gap:18px;align-items:center;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.plan-choice label{font-weight:800}.plan-choice input{accent-color:var(--brand)}
.premium-offer{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid rgba(197,155,82,.35);border-radius:14px;background:rgba(197,155,82,.08);margin-bottom:12px}.premium-offer span{font-size:12px;color:var(--muted)}
.rich-result{margin-top:18px;min-height:120px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);white-space:pre-wrap;line-height:1.65;color:var(--ink)}
.search-links{display:flex;gap:18px;margin-top:14px}.search-links a{color:var(--brand);font-weight:800}
.office-grid,.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.office-grid .wide,.media-grid .wide{grid-column:1/-1}
.dictionary-panel{max-width:1000px}.dictionary-panel .form-grid{grid-template-columns:2fr 1fr 1fr}
.admin-public-mode .app{display:none}.admin-public-mode #landing{display:block}
@media(max-width:900px){.office-grid,.media-grid{grid-template-columns:1fr}.dictionary-panel .form-grid{grid-template-columns:1fr}.office-grid .wide,.media-grid .wide{grid-column:auto}}

/* ===== AI MARKAZ v17 usability fixes ===== */
.admin-switch-fab{position:fixed;right:16px;bottom:18px;z-index:1000;border-radius:999px;padding:11px 15px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.15)}
@media(max-width:720px){
  .top-actions .ghost{display:inline-flex}
  .top-actions .admin-only{display:inline-flex!important}
  .top-actions{gap:6px;max-width:52vw;justify-content:flex-end}
  .top-actions .credits{display:none}
  #publicSiteBtn{font-size:0;padding:9px 10px}
  #publicSiteBtn::before{content:"🌍";font-size:17px}
  .admin-switch-fab{display:inline-flex!important}
}
.admin-public-mode .admin-switch-fab{display:inline-flex!important}

/* ===== AI MARKAZ v18 premium visual layer ===== */
.resource-list p{padding:9px 0;margin:0;border-bottom:1px solid var(--line);line-height:1.55}.resource-list p:last-child{border-bottom:0}.code-card{background:#07131f;color:#dff7f4;border-radius:14px;padding:16px;overflow:auto;line-height:1.65;white-space:pre-wrap}.shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shortcut-grid span{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:13px}.shortcut-grid b{color:var(--brand);display:block;margin-bottom:3px}.button-link{display:inline-flex;padding:11px 14px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;text-decoration:none;font-weight:800}.landing:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#0b7890,#17a6a1,#c59b52,#7b61ff,#ef4da6)}.hero{position:relative}.hero-copy{position:relative;z-index:2}.feature-grid article:nth-child(3n){border-color:rgba(123,97,255,.2)}.feature-grid article:nth-child(4n){border-color:rgba(239,77,166,.2)}.module:hover,.quick-card:hover,.resource:hover{box-shadow:0 18px 45px rgba(8,31,49,.12)}.profile-card{position:relative;overflow:hidden}.profile-card:after{content:"";position:absolute;inset:auto -30px -50px auto;width:150px;height:150px;border-radius:50%;background:rgba(82,208,197,.12)}@media(max-width:760px){.shortcut-grid{grid-template-columns:1fr}.hero{padding-top:45px}}

/* AI Markaz v19 Super Platform */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}
.feature-card{padding:20px;border:1px solid rgba(90,130,255,.25);border-radius:20px;background:linear-gradient(135deg,rgba(15,40,90,.92),rgba(70,20,110,.82));box-shadow:0 14px 40px rgba(0,0,0,.16)}
.feature-card b{font-size:18px;display:block;margin-bottom:8px}.feature-card p{color:var(--muted,#aeb8cc);line-height:1.55}
.feature-card button{margin-top:10px}.feature-card textarea{width:100%;min-height:120px;margin-top:10px}
.chip-row{display:flex;flex-wrap:wrap;gap:9px}.chip-row span{padding:8px 12px;border-radius:999px;background:rgba(60,140,255,.14);border:1px solid rgba(100,160,255,.22)}
.portal-hero{padding:30px;border-radius:26px;background:radial-gradient(circle at top left,#1b6dff,transparent 40%),linear-gradient(135deg,#07152b,#40105d 55%,#0b6f83);color:#fff;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.2)}
.portal-hero h2{font-size:clamp(32px,6vw,62px);margin:10px 0}.portal-hero p{font-size:18px;opacity:.9}
.ticker{overflow:hidden;white-space:nowrap;border-radius:14px;margin:14px 0;padding:12px;background:linear-gradient(90deg,#ffb300,#ff4f8b,#6956ff,#00b8d9);color:#fff;font-weight:800}
.ticker span{display:inline-block;animation:amTicker 26s linear infinite}@keyframes amTicker{from{transform:translateX(100%)}to{transform:translateX(-100%)}}

.social-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.social-btn{width:100%}
.auth-divider{text-align:center;margin:8px 0;color:var(--muted,#8893a7);font-size:12px}.global-integrations{border-top:1px solid rgba(100,150,255,.15);margin-top:30px;padding-top:30px}
.big-icon{font-size:34px}.global-integrations .feature-grid article{position:relative}

/* v21 Web Hosting + Portal polish */
.hosting-hero{max-width:1250px;margin:0 auto 24px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#07131f,#103b5b 45%,#5b1f77 100%);color:#fff;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;box-shadow:0 24px 70px rgba(7,19,31,.24)}
.hosting-orbit{display:flex;align-items:center;justify-content:center}.hosting-orbit img{width:125px;height:125px;border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 60px rgba(20,180,220,.45);animation:hostingSpin 8s linear infinite}
@keyframes hostingSpin{to{transform:rotate(360deg)}}
.provider-grid{max-width:1250px;margin:0 auto 24px;padding:0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.provider-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f0f7fb);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.provider-card span{color:var(--muted);line-height:1.5}.provider-card button{margin-top:auto}
.hosting-grid{max-width:1250px;margin:0 auto;padding:0 30px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.portal-logo-spin-wrap{display:flex;justify-content:center;margin:6px 0 8px}.portal-logo-spin-wrap img{width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 5px rgba(197,155,82,.16);animation:portalSpin 12s linear infinite}
.logo-spin{animation:portalSpin 12s linear infinite}@keyframes portalSpin{to{transform:rotate(360deg)}}
@media(max-width:950px){.provider-grid{grid-template-columns:repeat(2,1fr)}.hosting-grid{grid-template-columns:1fr 1fr}.hosting-hero{grid-template-columns:1fr;text-align:center}}
@media(max-width:650px){.provider-grid,.hosting-grid{grid-template-columns:1fr}.hosting-hero{padding:22px 16px}.hosting-orbit img{width:100px;height:100px}}

.super-admin-only{margin:10px 20px;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,#4b2a00,#8a5a00);color:#fff;border:1px solid rgba(255,220,120,.35)}
.hosting-router{max-width:1250px;margin:0 auto 18px}
.card-studio,.ad-studio{max-width:1250px;margin:0 auto}
\n.click-card{cursor:pointer}.click-card button{margin-top:10px}.office-hub-subfeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.office-hub-subfeatures article{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f4f9fb);cursor:pointer;box-shadow:var(--shadow)}.office-hub-subfeatures b{display:block;font-size:17px}.office-hub-subfeatures small{display:block;color:var(--muted);margin-top:6px;line-height:1.45}.office-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.office-detail-grid article{padding:12px;border-radius:12px;background:rgba(0,150,180,.07)}.office-detail-grid article span{margin-right:8px}.portal-recommendations{display:flex;flex-wrap:wrap;gap:8px}.portal-recommendations span{padding:9px 12px;border-radius:999px;background:rgba(0,150,180,.09)}@media(max-width:700px){.office-hub-subfeatures,.office-detail-grid{grid-template-columns:1fr}}\n.premium-cta{margin-top:14px;width:100%}.hosting-public-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hosting-public-badges .tag{padding:6px 10px}