@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#06070a;--bg2:#0b0d12;--panel:#10131a;--panel2:#151923;--text:#f7f8fb;--muted:#9097a8;--accent:#7c5cff;--accent2:#a98aff;--cyan:#59d8ff;--line:rgba(255,255,255,.09);--success:#67e8a7;--danger:#ff6b81;--radius:24px;--shadow:0 28px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15.5px/1.65 Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-glow{position:fixed;z-index:-1;border-radius:50%;filter:blur(120px);opacity:.18;pointer-events:none}.glow-one{width:500px;height:500px;background:var(--accent);top:-240px;right:-180px}.glow-two{width:450px;height:450px;background:#1557ff;left:-280px;top:45vh}
.nav-wrap{height:72px;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(6,7,10,.84),rgba(6,7,10,.72));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.03)}
.nav{max-width:1240px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:14px;font:700 18px Space Grotesk,sans-serif;letter-spacing:.12em}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),#4f2ee8);box-shadow:0 10px 28px rgba(124,92,255,.35);letter-spacing:-.05em;color:#fff}
.nav nav{display:flex;align-items:center;gap:34px}
.nav nav>a:not(.btn),.nav nav>button.nav-parent{color:#a4a9b6;font-weight:600;font-size:14px;position:relative;padding:8px 10px;border-radius:8px;transition:background .18s,color .18s;display:inline-flex;align-items:center;gap:8px}
.nav nav>a:not(.btn):after{content:"";position:absolute;left:50%;transform:translateX(-50%) scaleX(0);bottom:-10px;width:36px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));transform-origin:center center;transition:transform .28s ease,opacity .2s}
.nav nav>a:hover,.nav nav>a.active,.nav nav>button.nav-parent.active{color:#fff}
.nav nav>a.active:after,.nav nav>a:hover:after{transform:translateX(-50%) scaleX(1);opacity:1}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}

/* nav icons and labels */
.nav-icon{display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 auto;color:var(--muted)}
.nav-label{display:inline-block}
.nav-parent .nav-icon{opacity:.95}
.nav nav>a:not(.btn):hover .nav-icon,
.nav nav>button.nav-parent:hover .nav-icon{color:#fff}

/* active accent */
.nav nav>a.active,.nav nav>button.nav-parent.active{background:transparent;padding:6px 10px;border-radius:10px}

/* Pill style for CTA buttons in header */
.btn.pill{border-radius:999px;padding:8px 18px;min-height:40px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 8px 30px rgba(124,92,255,.18);color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:10px}
.btn.pill:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(124,92,255,.22)}
.btn.pill.header-popup-toggle{background:linear-gradient(90deg,#6f4cf0,#9e6bff)}

/* compact nav spacing */
.nav{max-width:1240px;height:100%;padding:0 20px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.nav nav{gap:22px}
.brand-image img{width:140px;max-height:48px}

/* Submenu dropdown */
.submenu{position:absolute;left:16px;top:72px;min-width:220px;background:linear-gradient(180deg,rgba(12,13,18,.96),rgba(12,13,18,.92));border-radius:8px;padding:8px;box-shadow:0 12px 40px rgba(3,4,7,.6);display:none;flex-direction:column;gap:6px;z-index:60}
.submenu a{padding:8px 12px;border-radius:6px;color:var(--muted);display:block}
.submenu a:hover{background:rgba(255,255,255,.02);color:var(--text)}
.nav nav>button.nav-parent[aria-expanded="true"] + .submenu{display:flex}

/* Shrink-on-scroll */
.nav-wrap.shrink{height:56px;transition:height .28s cubic-bezier(.2,.9,.2,1);box-shadow:0 6px 30px rgba(0,0,0,.45)}
.nav-wrap.shrink .brand-image img{width:120px}
.nav-wrap.shrink .nav nav>a:not(.btn),.nav-wrap.shrink .nav .nav-parent{padding:6px 6px}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 22px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent),#6744e8);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 35px rgba(124,92,255,.25);transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(124,92,255,.38)}.btn.small{min-height:42px;padding:0 17px;border-radius:12px;font-size:13px}.btn.ghost,.btn.secondary{background:rgba(255,255,255,.025);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover,.btn.secondary:hover{border-color:rgba(169,138,255,.55);background:rgba(124,92,255,.08)}.btn.light{background:#fff;color:#14101f;box-shadow:none}
.hero{max-width:1320px;margin:auto;padding:94px 24px 72px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px;min-height:650px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b8a7ff;text-transform:uppercase;font-weight:800;letter-spacing:.15em;font-size:11px}.eyebrow span{width:26px;height:1px;background:#b8a7ff}.hero h1,.subhero h1,.section h2{font-family:Space Grotesk,sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(55px,7vw,94px);line-height:.95;margin:22px 0 28px}.hero h1 em,.subhero h1 em,.section h2 em{font-style:normal;color:transparent;background:linear-gradient(110deg,#b49fff,#7353ff 60%,#59d8ff);-webkit-background-clip:text;background-clip:text}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px;margin:0 0 34px}.actions{display:flex;gap:13px;flex-wrap:wrap}.hero-trust{display:flex;gap:38px;margin-top:54px;padding-top:28px;border-top:1px solid var(--line)}.hero-trust div{display:grid}.hero-trust strong{font:700 20px Space Grotesk}.hero-trust span{color:var(--muted);font-size:12px}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.visual-card{background:rgba(16,19,26,.88);border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.main-card{width:min(500px,100%);border-radius:22px;overflow:hidden;transform:rotate(2deg);position:relative}.main-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(169,138,255,.5),transparent 32%,transparent 70%,rgba(89,216,255,.22));z-index:-1;border-radius:inherit}.window-bar{height:52px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);color:#767e8f;font-size:12px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#383e49}.window-bar i:first-child{background:#ff6e7d}.window-bar i:nth-child(2){background:#f9c95d}.window-bar i:nth-child(3){background:#62d99b}.window-bar span{margin-left:9px}.main-card pre{margin:0;padding:42px 38px 50px;color:#a8afbd;font:16px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.main-card pre b{color:#bb9fff}.main-card pre span{color:#66d9ef}.code-status{padding:13px 20px;border-top:1px solid var(--line);color:var(--success);font-size:12px;background:rgba(0,0,0,.18)}.floating-card{position:absolute;padding:12px 17px;border-radius:14px;background:#141821;border:1px solid var(--line);box-shadow:0 15px 45px rgba(0,0,0,.35);font-weight:700;font-size:13px}.float-a{left:-5px;top:100px;transform:rotate(-5deg)}.float-b{right:-8px;bottom:80px;transform:rotate(4deg);color:var(--success)}
.logo-strip{max-width:1240px;margin:0 auto;padding:26px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#575e6d;letter-spacing:.1em}.logo-strip span{font-size:10px}.logo-strip b{font:600 13px Space Grotesk;color:#747b8a}
.section{max-width:1240px;margin:auto;padding:130px 24px}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:55px}.section h2{font-size:clamp(40px,5vw,66px);line-height:1.02;margin:14px 0 0}.section-head>p{color:var(--muted);font-size:17px;max-width:520px;margin:0 0 22px}.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(124,92,255,.1);border:1px solid rgba(124,92,255,.22);color:#b8a7ff;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.partnership-hero .section-head{margin-bottom:50px}.partnership-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.partnership-feature{padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(124,92,255,.12),rgba(27,30,47,.95));border:1px solid rgba(255,255,255,.08)}.partnership-feature h3{margin:0 0 14px}.partnership-feature p{color:var(--muted);margin:0}.partnership-form .partnership-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:30px}.partnership-info-card{padding:40px}.partnership-info-card h2{margin-top:0;margin-bottom:18px}.partnership-checks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}.partnership-checks li{position:relative;padding-left:32px;color:#d7d9e6;line-height:1.7}.partnership-checks li:before{content:"✓";position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(124,92,255,.16);color:#bfa4ff;font-size:12px}.partnership-form-card{padding:40px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08)}.partnership-form-card h2{margin-top:0;margin-bottom:10px}.partnership-form-card .muted{margin-bottom:24px;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.partnership-form-card label{display:grid;gap:8px;font-weight:700;font-size:12px;color:#cdd1da}.partnership-form-card input,.partnership-form-card textarea{width:100%;padding:15px;border-radius:14px;background:#090b10;border:1px solid rgba(255,255,255,.08);color:#fff;outline:0;transition:.2s}.partnership-form-card textarea{min-height:160px;resize:vertical}.partnership-form-card input:focus,.partnership-form-card textarea:focus{border-color:rgba(124,92,255,.58);box-shadow:0 0 0 3px rgba(124,92,255,.08)}@media(max-width:950px){.partnership-feature-grid,.partnership-form .partnership-grid{grid-template-columns:1fr}.section{padding:80px 24px}.form-grid{grid-template-columns:1fr}}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{min-height:360px;padding:38px;border-radius:var(--radius);background:linear-gradient(160deg,rgba(20,23,31,.92),rgba(10,12,17,.96));border:1px solid var(--line);position:relative;display:flex;flex-direction:column;overflow:hidden;transition:.3s}.feature-card:hover{transform:translateY(-7px);border-color:rgba(124,92,255,.4)}.feature-card.featured{background:linear-gradient(150deg,rgba(67,43,148,.75),rgba(17,15,27,.96));border-color:rgba(169,138,255,.32)}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(124,92,255,.12);color:#b8a7ff;font-size:24px}.feature-num{position:absolute;right:25px;top:25px;color:#4b5260;font:700 12px Space Grotesk}.feature-card h3{font:700 25px Space Grotesk;margin:38px 0 10px}.feature-card p{color:var(--muted);margin:0}.feature-card a{margin-top:auto;color:#c0b2ff;font-weight:800;font-size:13px}
.pricing-home{padding-top:30px}.pricing-panel{border-radius:32px;padding:72px;display:grid;grid-template-columns:1fr .8fr;gap:84px;background:radial-gradient(circle at 100% 0,rgba(124,92,255,.3),transparent 42%),linear-gradient(135deg,#151121,#0d1016);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.pricing-panel h2{font-size:clamp(42px,5vw,68px)}.pricing-panel p{color:var(--muted);max-width:500px;margin-bottom:28px}.mini-price-list{display:grid;gap:11px;align-content:center}.mini-price-list>div{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.mini-price-list strong{font:700 23px Space Grotesk}.mini-price-list .recommended{background:rgba(124,92,255,.14);border-color:rgba(169,138,255,.35)}.mini-price-list small{position:absolute;right:15px;top:-9px;background:var(--accent);padding:2px 8px;border-radius:99px;font-size:9px;text-transform:uppercase;font-weight:800}
.cta-section{padding-top:20px}.section-divider{max-width:1240px;margin:0 auto 60px;padding:0 24px}.section-divider:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:44px;padding:62px 70px;border-radius:28px;background:linear-gradient(120deg,#6742df,#8c6aff);box-shadow:0 30px 80px rgba(91,60,209,.28)}.cta-box .badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}.cta-box h2{font-size:clamp(34px,4vw,54px);margin:12px 0 4px}.cta-box p{margin:0;color:rgba(255,255,255,.72)}.cta-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1);right:120px;top:-180px}
.subhero{max-width:1100px;margin:auto;text-align:center;padding:105px 24px 55px}.subhero.compact{padding-bottom:15px}.subhero h1{font-size:clamp(48px,7vw,82px);line-height:.98;margin:18px 0 24px}.subhero p{max-width:690px;color:var(--muted);font-size:17px;margin:auto}.price-section,.shop-section{padding-top:45px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.pricing-card{position:relative;padding:32px;border-radius:25px;background:linear-gradient(160deg,#12151d,#0b0d12);border:1px solid var(--line);display:flex;flex-direction:column}.pricing-card.popular{border-color:rgba(169,138,255,.52);transform:translateY(-12px);box-shadow:0 25px 80px rgba(82,51,185,.2)}.popular-label{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,var(--accent),#986fff);padding:7px 13px;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.package-top{min-height:145px}.package-index{color:#505666;font:700 11px Space Grotesk}.pricing-card h3{font:700 27px Space Grotesk;margin:14px 0 8px}.pricing-card p{color:var(--muted);margin:0}.pricing-card .price{font:700 42px Space Grotesk;margin:25px 0}.pricing-card .price span{font:500 12px Manrope;color:var(--muted)}.pricing-card ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}.pricing-card li{display:flex;gap:10px;color:#c2c6d0;font-size:13px}.pricing-card li span{color:var(--success)}.pricing-card .btn{margin-top:auto}.price-note{display:flex;gap:12px;max-width:760px;margin:32px auto 0;padding:15px 18px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;color:var(--muted);font-size:12px}.price-note p{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps>div{padding:35px 30px;border-right:1px solid var(--line)}.steps>div:last-child{border:0}.steps b{color:#8973e8;font:700 12px Space Grotesk}.steps h3{font:700 20px Space Grotesk}.steps p{color:var(--muted);font-size:13px}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.shop-toolbar>span{font-size:12px;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{padding:10px 16px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);color:#a7adba;font-weight:700;font-size:12px;cursor:pointer}.filter.active{background:#fff;color:#111;border-color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product-card{border-radius:22px;overflow:hidden;background:#10131a;border:1px solid var(--line);transition:.28s}.product-card:hover{transform:translateY(-6px);border-color:rgba(124,92,255,.4);box-shadow:0 26px 60px rgba(0,0,0,.25)}.product-cover{height:180px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(124,92,255,.35),transparent 50%),linear-gradient(135deg,#171327,#0a0d14)}.product-category{position:absolute;top:15px;left:15px;padding:5px 9px;border-radius:99px;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.product-symbol{font:700 52px Space Grotesk;color:rgba(255,255,255,.92);text-shadow:0 0 35px rgba(169,138,255,.5)}.cover-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,rgba(255,255,255,.025) 40px),repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(255,255,255,.025) 40px)}.product-body{padding:23px}.product-body h3{font:700 20px Space Grotesk;margin:0 0 7px}.product-body p{color:var(--muted);font-size:13px;min-height:43px;margin:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.product-bottom .price{font:700 19px Space Grotesk}.icon-btn{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#121212;font-size:20px;font-weight:800;transition:.2s}.icon-btn:hover{background:var(--accent);color:#fff}
.checkout{max-width:860px;padding-top:35px}.card{background:linear-gradient(160deg,#12151d,#0b0d12);border:1px solid var(--line);border-radius:22px;padding:28px}.checkout>.card{padding:34px;box-shadow:var(--shadow)}form{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:grid;gap:8px;font-weight:700;font-size:12px;color:#cdd1da}input,select,textarea{width:100%;padding:14px 15px;border-radius:12px;background:#090b10;border:1px solid var(--line);color:#fff;outline:0;transition:.2s}input:focus,select:focus,textarea:focus{border-color:rgba(169,138,255,.58);box-shadow:0 0 0 3px rgba(124,92,255,.08)}textarea{min-height:160px;resize:vertical}.notice{padding:14px 17px;border-radius:12px;background:rgba(103,232,167,.09);border:1px solid rgba(103,232,167,.3);margin-bottom:16px}.notice.error{background:rgba(255,107,129,.09);border-color:rgba(255,107,129,.3)}
.footer{margin-top:70px;border-top:1px solid var(--line);background:#08090d}.footer-inner{max-width:1240px;margin:auto;padding:60px 24px 40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{margin-bottom:17px}.footer p{color:var(--muted);font-size:13px}.footer h4{font:700 13px Space Grotesk;margin:3px 0 14px}.footer-inner>div>a:not(.brand){display:block;color:var(--muted);font-size:13px;margin:8px 0}.footer-inner>div>a:hover{color:#fff}.footer-bottom{max-width:1240px;margin:auto;padding:20px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#606675;font-size:11px}.status-dot{color:#8d96a7}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--success);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--success)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat strong{display:block;font-size:32px}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:14px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{color:#b8a7ff}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#090b10;border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.sidebar a{display:block;padding:10px 12px;color:var(--muted);border-radius:8px}.sidebar a:hover{background:var(--panel);color:#fff}.admin-main{padding:30px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%)}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.actions,.hero-trust{justify-content:center}.hero-visual{min-height:450px}.section-head{grid-template-columns:1fr;gap:20px}.pricing-panel{grid-template-columns:1fr}.product-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.pricing-card.popular{transform:none}.nav nav{display:none;position:absolute;left:16px;right:16px;top:76px;padding:18px;background:#0c0e14;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav nav.open{display:flex}.nav-toggle{display:block}.nav nav>a{text-align:center;padding:8px}.nav nav>a:after{display:none}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}}
@media(max-width:650px){.hero{padding-top:62px}.hero-grid{min-height:auto}.hero h1{font-size:52px}.hero-trust{gap:18px;flex-wrap:wrap}.hero-visual{min-height:380px}.main-card pre{padding:30px 20px;font-size:13px}.float-a{left:0}.float-b{right:0}.logo-strip{overflow:hidden;gap:28px;justify-content:flex-start}.section{padding:75px 20px}.feature-grid,.pricing-grid,.product-grid,.steps{grid-template-columns:1fr}.pricing-panel{padding:32px 24px}.cta-box{padding:38px 25px;flex-direction:column;align-items:flex-start}.steps>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.form-grid,.footer-inner{grid-template-columns:1fr}.footer-bottom{gap:10px;flex-direction:column}.shop-toolbar{align-items:flex-start;gap:15px;flex-direction:column}.subhero{padding-top:72px}.footer-inner{gap:28px}.stats{grid-template-columns:1fr 1fr}}

.status-success{text-align:center}.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:rgba(103,232,167,.12);border:1px solid rgba(103,232,167,.35);font-size:34px;color:var(--success)}.tracking-code{padding:16px;margin:18px 0 25px;border-radius:12px;background:#080a0f;border:1px dashed rgba(169,138,255,.5);font:700 16px ui-monospace,monospace;word-break:break-all;color:#c8bbff}.status-success .actions{justify-content:center}.tracking-search{display:grid;grid-template-columns:1fr auto;gap:12px}.status-page{display:grid;gap:18px}.order-status-card{padding:35px}.order-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:30px}.order-status-head h2{font:700 30px Space Grotesk;margin:14px 0 4px}.order-status-head p{margin:0;color:var(--muted)}.status-pill{padding:10px 14px;border-radius:999px;font-weight:800;font-size:12px;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.3);color:#c5b8ff}.status-done{background:rgba(103,232,167,.1);border-color:rgba(103,232,167,.35);color:var(--success)}.status-cancelled{background:rgba(255,107,129,.1);border-color:rgba(255,107,129,.35);color:var(--danger)}.status-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0}.timeline-step{position:relative;padding:0 15px;text-align:center;color:#646b7a}.timeline-step:before{content:"";position:absolute;height:2px;background:#272b35;left:0;right:0;top:20px}.timeline-step:first-child:before{left:50%}.timeline-step:last-child:before{right:50%}.timeline-step>span{position:relative;z-index:2;width:42px;height:42px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#171a22;border:1px solid #303541;font-weight:800}.timeline-step strong,.timeline-step small{display:block}.timeline-step strong{margin-top:12px;font-size:12px}.timeline-step small{font-size:10px;margin-top:5px;line-height:1.4}.timeline-step.active{color:#fff}.timeline-step.active:before{background:var(--accent)}.timeline-step.active>span{background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px rgba(124,92,255,.35)}.customer-note{padding:20px;border-radius:14px;background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.22);margin:20px 0}.customer-note p{margin:8px 0 0;color:#c2c6d0}.order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.order-meta>div{padding:17px;border-radius:13px;background:#090b10;border:1px solid var(--line)}.order-meta span,.order-meta strong{display:block}.order-meta span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.order-meta strong{margin-top:5px;font-size:13px}@media(max-width:650px){.tracking-search{grid-template-columns:1fr}.order-status-head{flex-direction:column}.status-timeline{grid-template-columns:1fr;text-align:left;gap:12px}.timeline-step{display:grid;grid-template-columns:42px 1fr;gap:14px;text-align:left;padding:0}.timeline-step:before{width:2px;height:auto;top:0;bottom:-12px;left:20px!important;right:auto!important}.timeline-step:last-child:before{display:none}.timeline-step>span{margin:0}.timeline-step strong{margin-top:2px}.order-meta{grid-template-columns:1fr}}

.auth-card{max-width:620px;margin:auto}.portal-top,.project-title,.project-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.project-card{display:block;padding:22px;border:1px solid var(--line,#292d39);border-radius:18px;background:#11141c;color:inherit;text-decoration:none}.project-card:hover{transform:translateY(-3px);border-color:#7655ef}.progress{height:9px;background:#242735;border-radius:999px;overflow:hidden;margin:15px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#7655ef,#b969ff);border-radius:inherit}.progress.big{height:15px}.portal-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin:22px 0}.chat{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto;margin-bottom:18px}.bubble{max-width:82%;padding:14px 16px;border-radius:16px;background:#202431}.bubble.mine{margin-left:auto;background:#4935a5}.bubble p{margin:6px 0}.bubble small{opacity:.7}.admin-main .card{margin-bottom:20px}.sidebar a{display:block;padding:10px 12px;border-radius:9px}.sidebar a:hover{background:#202431}@media(max-width:850px){.portal-cols{grid-template-columns:1fr}.portal-top,.project-title{align-items:flex-start;flex-direction:column}.admin-shell{display:block}.sidebar{position:relative;width:auto;min-height:auto}.admin-main{margin:0}}

.payment-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin:20px 0;border:1px solid rgba(255,190,92,.28);border-radius:17px;background:linear-gradient(135deg,rgba(255,190,92,.09),rgba(124,92,255,.06))}.payment-card span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.payment-card h3{margin:5px 0 3px;font:700 21px Space Grotesk}.payment-card p{margin:0;color:#c8ccd5}.payment-card small{display:block;color:var(--muted);margin-top:6px}.payment-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(255,190,92,.12);border:1px solid rgba(255,190,92,.35);font:800 23px Space Grotesk;color:#ffc66d}.payment-paid{border-color:rgba(103,232,167,.35);background:rgba(103,232,167,.08)}.payment-paid .payment-icon{background:rgba(103,232,167,.12);border-color:rgba(103,232,167,.35);color:var(--success)}.payment-refunded{border-color:rgba(89,216,255,.35)}.payment-cancelled{border-color:rgba(255,107,129,.35)}.status-timeline.five{grid-template-columns:repeat(5,1fr)}.status-pill.payment-paid{color:var(--success)}.status-pill.payment-open,.status-pill.payment-awaiting{color:#ffc66d}@media(max-width:650px){.payment-card{align-items:flex-start}.status-timeline.five{grid-template-columns:1fr}}

/* =========================================================
   OZ CUSTOMER PORTAL 2.0
   ========================================================= */
.portal-body{margin:0;background:#080a14;color:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.portal-body *{box-sizing:border-box}.portal-body a{text-decoration:none}.portal-layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:radial-gradient(circle at 80% 0%,rgba(123,63,228,.12),transparent 28%),#080a14}.portal-sidebar{position:sticky;top:0;height:100vh;padding:26px 20px;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#0c0f1d 0%,#090b15 100%);display:flex;flex-direction:column;z-index:50;overflow-y:auto;-webkit-overflow-scrolling:touch}.portal-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:900;letter-spacing:.4px;padding:0 4px 24px}.portal-logo-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#9a5cff,#6525de);box-shadow:0 10px 30px rgba(124,62,231,.35);font-size:13px}.portal-sidebar-balance{margin:0 0 18px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(124,92,255,.12),rgba(17,19,34,.96));border:1px solid rgba(255,255,255,.08);color:#fff}.portal-sidebar-balance span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9aa2c3;margin-bottom:8px}.portal-sidebar-balance strong{display:block;font-size:22px;line-height:1.1;color:#f8fbff}.portal-nav{display:flex;flex-direction:column;gap:5px}.portal-nav-label{margin:20px 11px 7px;color:#73798b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}.portal-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#aeb3c4;font-size:14px;font-weight:650;transition:.2s}.portal-nav a:hover{color:#fff;background:rgba(255,255,255,.05);transform:translateX(2px)}.portal-nav a.active{color:#b984ff;background:linear-gradient(90deg,rgba(122,54,217,.28),rgba(122,54,217,.1));box-shadow:inset 3px 0 #8c48f6}.nav-icon{width:22px;height:22px;display:grid;place-items:center;font-size:17px}.portal-help-card{margin-top:auto;padding:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:16px;text-align:center}.portal-help-card .help-icon{margin:0 auto 12px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(140,72,246,.18);color:#b984ff;border:1px solid rgba(185,132,255,.2);font-weight:900}.portal-help-card strong{display:block;font-size:14px}.portal-help-card p{font-size:12px;line-height:1.55;color:#9399aa}.portal-content{min-width:0}.portal-page{max-width:1550px;margin:auto;padding:34px 36px 60px}.portal-mobile-header{display:none}.portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.portal-welcome h1{margin:4px 0 8px;font-size:30px;line-height:1.2}.portal-welcome p{margin:0;color:#959bad;font-size:14px}.portal-eyebrow{color:#8f96a9;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:800}.portal-header-actions{display:flex;align-items:center;gap:15px}.portal-user-chip{display:flex;align-items:center;gap:10px;padding:7px 11px 7px 7px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.03)}.portal-user-chip span:last-child{display:flex;flex-direction:column;max-width:180px}.portal-user-chip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-user-chip small{font-size:10px;color:#7f8597;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#1d2133,#101321);border:1px solid rgba(255,255,255,.08);color:#e3d5ff;font-size:12px;font-weight:800}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:0 16px;border:0;border-radius:9px;font:700 13px/1 inherit;cursor:pointer;transition:.2s}.portal-btn:hover{transform:translateY(-1px)}.portal-btn-primary{color:#fff;background:linear-gradient(135deg,#9a54ff,#7130df);box-shadow:0 9px 25px rgba(124,62,231,.25)}.portal-btn-secondary{color:#d8c7f9;background:rgba(126,61,224,.18);border:1px solid rgba(169,106,255,.22)}.portal-btn-block{width:100%}.portal-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.portal-stat-card{position:relative;overflow:hidden;min-height:126px;padding:21px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(145deg,rgba(22,26,43,.96),rgba(14,17,30,.96));display:flex;align-items:center;justify-content:space-between}.portal-stat-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);opacity:.7}.portal-stat-card>div{display:flex;flex-direction:column}.portal-stat-card span:first-child{font-size:12px;color:#b9bdca}.portal-stat-card strong{font-size:27px;margin:7px 0 2px}.portal-stat-card small{font-size:11px;color:#7f8597}.stat-symbol{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:20px;font-weight:900}.accent-purple{--accent:#9b5cff}.accent-orange{--accent:#ff9f43}.accent-blue{--accent:#45a8ff}.accent-green{--accent:#3bd17f}.portal-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,.85fr);gap:20px}.portal-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.portal-panel{border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,rgba(20,24,40,.97),rgba(12,15,27,.97));padding:20px;box-shadow:0 22px 70px rgba(0,0,0,.18)}.portal-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.portal-panel-head h2{margin:3px 0 0;font-size:18px}.portal-text-link{color:#a979f3;font-size:12px;font-weight:700}.panel-pulse{color:#9551f6;font-size:25px}.portal-project-list{display:flex;flex-direction:column;gap:14px}.portal-project-card{display:grid;grid-template-columns:125px minmax(0,1fr);gap:19px;padding:15px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(145deg,rgba(28,32,51,.9),rgba(18,21,36,.9));transition:.2s}.portal-project-card:hover{border-color:rgba(153,83,255,.32);transform:translateY(-2px);box-shadow:0 15px 40px rgba(0,0,0,.18)}.project-visual{min-height:165px;border-radius:11px;background:radial-gradient(circle at 30% 20%,rgba(160,90,255,.38),transparent 35%),linear-gradient(145deg,#171329,#0b0d17);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;border:1px solid rgba(167,100,255,.15);overflow:hidden;position:relative}.project-visual:before{content:"</>";position:absolute;right:8px;top:15px;font-size:34px;color:rgba(179,130,255,.18);font-weight:900}.project-visual span{font-size:28px;font-weight:950;color:#a65fff}.project-visual small{font-size:11px;letter-spacing:4px;color:#fff}.project-main{min-width:0}.project-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-heading h3{margin:3px 0 0;font-size:18px}.portal-status{padding:6px 9px;border-radius:999px;background:rgba(146,84,244,.15);color:#b784ff;font-size:10px;font-weight:800;white-space:nowrap}.status-completed{background:rgba(59,209,127,.14);color:#59dc91}.project-steps{display:grid;grid-template-columns:repeat(5,1fr);margin:22px 0 20px;position:relative}.project-steps:before{content:"";position:absolute;left:9%;right:9%;top:13px;height:2px;background:#2a2e41}.step{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:7px;color:#686e7f;text-align:center;font-size:9px}.step i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#202436;border:2px solid #2d3248;color:#81879a;font-style:normal;font-size:10px;font-weight:900}.step.done i{background:#1f9c5e;border-color:#4adb8e;color:#fff;box-shadow:0 0 0 4px rgba(55,211,126,.08)}.step.current i{background:#c87311;border-color:#ff9e32;color:#fff;box-shadow:0 0 0 4px rgba(255,158,50,.09)}.step.done,.step.current{color:#cbd0dc}.project-progress-row{padding:12px 13px;border-radius:10px;background:rgba(4,6,13,.28)}.project-progress-copy{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.project-progress-copy strong{color:#a55fff;font-size:14px}.portal-progress{height:6px;border-radius:99px;background:#24283a;overflow:hidden}.portal-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8344ef,#b56bff);box-shadow:0 0 16px rgba(164,91,255,.55)}.project-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:15px;margin-top:15px}.project-footer>div{display:flex;flex-direction:column;gap:3px}.project-footer small{font-size:9px;color:#7d8395;text-transform:uppercase;letter-spacing:.8px}.project-footer strong{font-size:13px}.portal-timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:37px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.timeline-item:last-child{border-bottom:0}.timeline-dot{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:rgba(142,73,241,.17);color:#a966ff;border:1px solid rgba(166,98,255,.16)}.timeline-item strong{font-size:12px}.timeline-item p{font-size:11px;color:#858b9c;margin:4px 0}.timeline-item small{font-size:9px;color:#62687a}.payment-summary{min-height:174px;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:20px}.payment-numbers{display:grid;gap:4px}.payment-numbers span{font-size:10px;color:#818798;text-transform:uppercase;letter-spacing:.8px;margin-top:6px}.payment-numbers strong{font-size:20px}.open-money{color:#ff724b}.paid-money{color:#3bd17f}.payment-ring{--paid:0;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#3bd17f calc(var(--paid)*1%),#ff6347 0);position:relative}.payment-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#111522}.payment-ring span{position:relative;z-index:1;font-size:13px;font-weight:900}.payment-legend{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#a8adbb}.payment-legend span{display:flex;align-items:center;gap:8px}.payment-legend i{width:9px;height:9px;border-radius:3px}.legend-open{background:#ff6347}.legend-paid{background:#3bd17f}.portal-quick-actions{display:grid;gap:10px}.portal-quick-actions a{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:11px;color:#e8eaf0;background:rgba(255,255,255,.025);transition:.2s}.portal-quick-actions a:hover{background:rgba(137,69,239,.1);border-color:rgba(167,105,255,.18);transform:translateX(3px)}.portal-quick-actions>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:rgba(144,75,242,.15);color:#ad70ff;font-weight:900}.portal-quick-actions div{display:flex;flex-direction:column}.portal-quick-actions strong{font-size:12px}.portal-quick-actions small{font-size:10px;color:#797f91;margin-top:2px}.portal-empty-state{text-align:center;padding:45px 20px;border:1px dashed rgba(255,255,255,.13);border-radius:14px}.portal-empty-state>span{display:grid;place-items:center;margin:auto;width:52px;height:52px;border-radius:50%;background:rgba(146,80,245,.14);color:#a766ff;font-size:25px}.portal-empty-state h3{margin:14px 0 5px}.portal-empty-state p{max-width:480px;margin:0 auto 17px;color:#888ea0;font-size:13px;line-height:1.6}

/* Existing project/profile portal pages */
.portal-page>.project-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 20px}.portal-page>.project-title h1{margin:0 0 4px}.portal-page>.project-title p{margin:0;color:#9298aa}.portal-page>.progress.big{height:9px;background:#222638;border-radius:999px;overflow:hidden}.portal-page>.progress.big i{display:block;height:100%;background:linear-gradient(90deg,#8243ed,#ad62ff)}.portal-page .payment-card{margin:20px 0;padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(27,31,49,.97),rgba(15,18,31,.97));display:flex;align-items:center;justify-content:space-between}.portal-page .payment-card h3{margin:5px 0}.portal-page .payment-card p{color:#9aa0b1}.portal-page .payment-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,153,48,.16);color:#ff9b39;font-size:24px;font-weight:900}.portal-page .portal-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px}.portal-page .card{background:linear-gradient(145deg,rgba(20,24,40,.97),rgba(12,15,27,.97));border:1px solid rgba(255,255,255,.075);border-radius:15px;padding:20px;color:#f4f5f8}.portal-page .card h2{margin-top:0}.portal-page .chat{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow:auto;margin-bottom:15px}.portal-page .bubble{max-width:82%;padding:12px 14px;border-radius:13px;background:#202438;color:#e8eaf0}.portal-page .bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#7840d7,#5d2bb2)}.portal-page .bubble p{margin:5px 0;font-size:13px;line-height:1.5}.portal-page .bubble small{opacity:.65;font-size:9px}.portal-page form{display:grid;gap:12px}.portal-page label{display:grid;gap:7px;color:#bfc3ce;font-size:12px}.portal-page input,.portal-page textarea,.portal-page select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0c0f1b;color:#f5f6fa;padding:12px 13px;outline:none}.portal-page input:focus,.portal-page textarea:focus,.portal-page select:focus{border-color:#8547e9;box-shadow:0 0 0 3px rgba(133,71,233,.1)}.portal-page textarea{min-height:105px;resize:vertical}.portal-page .notice{padding:13px 15px;border-radius:10px;background:rgba(65,179,112,.12);border:1px solid rgba(65,179,112,.2);color:#7ce5a8}.portal-page .notice.error{background:rgba(255,85,85,.12);border-color:rgba(255,85,85,.2);color:#ff9191}

@media (max-width:1180px){.portal-stat-grid{grid-template-columns:repeat(2,1fr)}.portal-dashboard-grid{grid-template-columns:1fr}.portal-bottom-grid{grid-template-columns:1fr}.portal-project-card{grid-template-columns:105px 1fr}.project-visual{min-height:155px}}
@media (max-width:820px){.portal-layout{display:block}.portal-sidebar{position:fixed;left:-280px;width:270px;transition:.25s;box-shadow:20px 0 60px rgba(0,0,0,.45)}.portal-menu-open .portal-sidebar{left:0}.portal-menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40}.portal-mobile-header{height:66px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(9,11,21,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.portal-menu-button{width:40px;height:40px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#151827;color:#fff;font-size:19px}.portal-logo.compact{padding:0;font-size:14px}.portal-logo.compact .portal-logo-mark{width:30px;height:30px;border-radius:8px;font-size:10px}.portal-mobile-header .portal-avatar{width:35px;height:35px}.portal-page{padding:24px 16px 45px}.portal-welcome{align-items:flex-start}.portal-header-actions .portal-user-chip{display:none}.portal-stat-grid{gap:10px}.portal-stat-card{min-height:110px;padding:16px}.portal-stat-card strong{font-size:23px}.portal-page .portal-cols{grid-template-columns:1fr}}
@media (max-width:620px){.portal-welcome{display:block}.portal-welcome h1{font-size:25px}.portal-header-actions{margin-top:17px}.portal-stat-grid{grid-template-columns:1fr 1fr}.portal-stat-card{min-height:118px}.portal-stat-card .stat-symbol{position:absolute;right:12px;top:12px;width:37px;height:37px}.portal-stat-card small{max-width:120px}.portal-project-card{grid-template-columns:1fr;padding:13px}.project-visual{min-height:92px}.project-heading{flex-direction:column}.project-steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(72px,1fr));padding-bottom:5px}.project-footer{grid-template-columns:1fr 1fr}.project-footer .portal-btn{grid-column:1/-1}.payment-summary{grid-template-columns:1fr 95px}.payment-legend{grid-column:1/-1;flex-direction:row}.payment-ring{width:90px;height:90px}.portal-page>.project-title{align-items:flex-start;flex-direction:column}.portal-stat-card span:first-child{padding-right:35px}}

/* Support identity */
.portal-support-identity{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:14px;align-items:stretch;margin:0 0 22px}.support-identity-copy,.support-code-box{border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(145deg,rgba(20,24,40,.97),rgba(12,15,27,.97));padding:20px}.support-identity-copy h2{margin:5px 0 6px;font-size:21px}.support-identity-copy p{margin:0;color:#888fa1;font-size:12px}.support-code-box{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.support-code-box:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(113,73,238,.17);right:-30px;top:-35px;filter:blur(5px)}.support-code-box.pin{border-color:rgba(161,95,255,.3);background:linear-gradient(145deg,rgba(47,28,83,.95),rgba(16,18,31,.97))}.support-code-box small{color:#8d94a8;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.support-code-box strong{font:800 20px/1.2 Space Grotesk,Manrope,sans-serif;letter-spacing:.08em;margin:8px 0 12px;position:relative;z-index:1}.support-code-box button{align-self:flex-start;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#d9dcec;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer;position:relative;z-index:1}.support-code-box button:hover{background:rgba(139,76,244,.18);border-color:rgba(169,104,255,.35)}.profile-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-search{display:flex;gap:12px;align-items:end}.admin-search input{flex:1}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9afff}
@media(max-width:1000px){.portal-support-identity{grid-template-columns:1fr 1fr}.support-identity-copy{grid-column:1/-1}}
@media(max-width:620px){.portal-support-identity{grid-template-columns:1fr}.support-identity-copy{grid-column:auto}.profile-identity-grid{grid-template-columns:1fr}.admin-search{display:grid}}


/* Discord OAuth2 */
.portal-profile-heading{margin:5px 0 22px}.portal-profile-heading h1{margin:5px 0}.portal-profile-heading p{color:#8d94a6;margin:0}.portal-profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.discord-card{position:relative;overflow:hidden}.discord-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-120px;top:-120px;background:rgba(88,101,242,.15);filter:blur(8px)}.discord-card-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;position:relative}.discord-card-head h2{margin:3px 0 0!important}.discord-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#5865f2,#7983f5);box-shadow:0 12px 30px rgba(88,101,242,.3);font-size:24px}.discord-account{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid rgba(88,101,242,.24);background:rgba(88,101,242,.08);border-radius:14px;position:relative}.discord-account img,.discord-avatar-placeholder{width:58px;height:58px;border-radius:50%;object-fit:cover}.discord-avatar-placeholder{display:grid;place-items:center;background:#5865f2;font-weight:900;font-size:22px}.discord-account>div{display:flex;flex-direction:column;min-width:0}.discord-account strong{font-size:15px}.discord-account small{color:#a8aec0;margin:2px 0}.discord-account code{font-size:10px;color:#777f93}.discord-connected{padding:6px 9px;border-radius:99px;background:rgba(58,205,125,.13);border:1px solid rgba(58,205,125,.22);color:#72e6a4;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.discord-copy{color:#9299ab;font-size:12px;line-height:1.65;margin:18px 0}.discord-empty{text-align:center;padding:28px 12px 22px;position:relative}.discord-empty>span{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:22px;background:linear-gradient(135deg,#5865f2,#7289da);font-weight:900;font-size:16px;box-shadow:0 18px 40px rgba(88,101,242,.25)}.discord-empty h3{margin:18px 0 6px}.discord-empty p{max-width:420px;margin:auto;color:#9299ab;font-size:12px;line-height:1.65}.discord-connect-btn{display:flex!important;justify-content:center;background:#5865f2!important;color:white!important;margin-top:10px}.discord-connect-btn:hover{background:#6875f5!important;transform:translateY(-1px)}.portal-btn-danger{background:rgba(240,71,71,.11)!important;border:1px solid rgba(240,71,71,.23)!important;color:#ff8585!important}.portal-btn-danger:hover{background:rgba(240,71,71,.19)!important}.admin-main ol{color:#aeb3c1;line-height:1.8}.admin-main ol code{font-size:12px}
@media(max-width:900px){.portal-profile-grid{grid-template-columns:1fr}}@media(max-width:520px){.discord-account{grid-template-columns:50px 1fr}.discord-account img,.discord-avatar-placeholder{width:50px;height:50px}.discord-connected{grid-column:1/-1;justify-self:start}}

/* Discord login */
.discord-login-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin: 1rem 0;
    background: linear-gradient(135deg, #5865f2, #7289da);
    border-color: rgba(255,255,255,.12);
    color: #fff;
}
.discord-login-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}
.auth-divider {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: var(--muted, #9aa4b2);
    font-size: .85rem;
    margin: 1.15rem 0;
}
.auth-divider::before,
.auth-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(255,255,255,.1);
}

/* =========================================================
   OZ STORE ADMIN PANEL V2
   ========================================================= */
.admin-panel-body{background:#080a12;color:#eef0f7;min-height:100vh;overflow-x:hidden}.admin-panel-body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% -10%,rgba(112,65,224,.14),transparent 32%),radial-gradient(circle at 18% 105%,rgba(36,114,255,.08),transparent 30%);z-index:-1}.admin-layout{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px 18px;background:linear-gradient(180deg,#111420 0%,#0c0f19 100%);border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;z-index:80}.admin-brand-wrap{display:flex;align-items:center;justify-content:space-between;padding:0 7px 20px}.admin-brand{display:flex;align-items:center;gap:12px}.admin-brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#934eff,#6334d9);box-shadow:0 10px 28px rgba(116,62,221,.32);font:800 13px Space Grotesk}.admin-brand>span:last-child{display:grid;line-height:1.15}.admin-brand strong{font:700 14px Space Grotesk;letter-spacing:.08em}.admin-brand small{font-size:8px;letter-spacing:.18em;color:#747b90;margin-top:5px}.admin-sidebar-close{display:none;border:0;background:none;color:#fff;font-size:27px}.admin-nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.admin-nav-label{font-size:9px;color:#646b7e;text-transform:uppercase;letter-spacing:.17em;font-weight:800;margin:19px 12px 7px}.admin-nav a{min-height:46px;padding:0 13px;border-radius:11px;display:flex;align-items:center;gap:12px;color:#949bad;font-weight:700;font-size:12px;transition:.2s;position:relative}.admin-nav a:hover{color:#fff;background:rgba(255,255,255,.045)}.admin-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(128,65,225,.22),rgba(128,65,225,.06));box-shadow:inset 0 0 0 1px rgba(155,93,248,.16)}.admin-nav a.active:before{content:"";position:absolute;left:0;width:3px;height:24px;background:#9857f0;border-radius:0 3px 3px 0;box-shadow:0 0 14px #9857f0}.admin-nav-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.035);font-size:15px}.admin-nav a.active .admin-nav-icon{background:rgba(139,76,234,.18);color:#c8a7ff}.admin-sidebar-user{margin-top:auto;display:grid;grid-template-columns:39px 1fr 28px;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.025)}.admin-sidebar-user>div:nth-child(2),.admin-topbar-profile>div{display:grid;line-height:1.3;min-width:0}.admin-sidebar-user strong,.admin-topbar-profile strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar-user small,.admin-topbar-profile small{font-size:9px;color:#747c91}.admin-sidebar-user>a{color:#777f92;font-size:18px}.admin-user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7540dc,#4b2e9f);font-weight:900;font-size:12px}.admin-user-avatar.small{width:35px;height:35px;border-radius:10px}.admin-workspace{min-width:0;display:flex;flex-direction:column}.admin-topbar{height:76px;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(9,11,19,.82);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.admin-menu-button{display:none;width:41px;height:41px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#151827;color:#fff}.admin-topbar-title{display:grid}.admin-topbar-title strong{font:700 15px Space Grotesk}.admin-topbar-title small{font-size:9px;color:#737b8e;margin-top:3px}.admin-topbar-actions{display:flex;align-items:center;gap:12px}.admin-icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#111521;color:#aaaec0}.admin-topbar-profile{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid rgba(255,255,255,.08)}.admin-content{width:100%;max-width:1600px;margin:0 auto;padding:31px 32px 50px}.admin-footer{display:flex;justify-content:space-between;padding:17px 32px;border-top:1px solid rgba(255,255,255,.055);color:#5f6677;font-size:9px;margin-top:auto}.admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.admin-kicker{font-size:8px;letter-spacing:.18em;color:#9c65ef;font-weight:900}.admin-hero h1{font:700 clamp(27px,3vw,39px) Space Grotesk;margin:8px 0 5px;letter-spacing:-.035em}.admin-hero p,.admin-page-head p{color:#848b9d;margin:0;font-size:12px}.admin-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.admin-primary-btn,.admin-secondary-btn{min-height:43px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.admin-primary-btn{background:linear-gradient(135deg,#8d4ce8,#6635c8);box-shadow:0 11px 25px rgba(116,61,211,.23)}.admin-secondary-btn{background:#151927;border:1px solid rgba(255,255,255,.08);color:#c4c8d4}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-kpi-card{min-height:137px;padding:19px;border-radius:15px;background:linear-gradient(145deg,#151927,#10131e);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;display:flex;flex-direction:column}.admin-kpi-card:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-38px;top:-45px;opacity:.14}.admin-kpi-card.purple:after{background:#a25dff}.admin-kpi-card.orange:after{background:#ff9a3d}.admin-kpi-card.blue:after{background:#4ca5ff}.admin-kpi-card.green:after{background:#47d48d}.admin-kpi-icon{position:absolute;right:16px;top:16px;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.045);font-size:16px}.admin-kpi-card small{color:#9299aa;font-size:10px}.admin-kpi-card strong{font:800 29px Space Grotesk;margin:13px 0 5px}.admin-kpi-card em{font-style:normal;font-size:9px;color:#70788c}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:20px}.admin-side-stack{display:grid;gap:20px;align-content:start}.admin-panel,.admin-content>.card,.admin-content .card{background:linear-gradient(145deg,rgba(20,24,39,.97),rgba(13,16,27,.98));border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:20px;box-shadow:0 20px 55px rgba(0,0,0,.13)}.admin-panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.admin-panel-head h2,.admin-content .card h2,.admin-content .card h3{font:700 17px Space Grotesk;margin:5px 0 0}.admin-panel-head>a{font-size:9px;color:#a779f3;font-weight:800}.admin-project-list{display:grid}.admin-project-row{display:grid;grid-template-columns:42px minmax(150px,1.4fr) minmax(100px,.7fr) auto 16px;align-items:center;gap:12px;padding:13px 5px;border-top:1px solid rgba(255,255,255,.055);transition:.18s}.admin-project-row:hover{background:rgba(255,255,255,.025);padding-left:10px;padding-right:10px;border-radius:10px}.admin-project-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#6137bb,#34255f);font-weight:900;font-size:12px}.admin-project-main{display:grid;min-width:0}.admin-project-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-project-main small{font-size:9px;color:#747c8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-project-progress{display:flex;align-items:center;gap:8px}.admin-project-progress>span{height:5px;flex:1;background:#252a3a;border-radius:99px;overflow:hidden}.admin-project-progress i{display:block;height:100%;background:linear-gradient(90deg,#7845da,#b06df5);border-radius:99px}.admin-project-progress small{font-size:8px;color:#8e95a8}.admin-row-arrow{color:#626a7d;font-size:20px}.admin-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-quick-grid a{min-height:103px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.022);display:flex;flex-direction:column;transition:.2s}.admin-quick-grid a:hover{transform:translateY(-2px);border-color:rgba(154,90,239,.28);background:rgba(124,66,213,.07)}.admin-quick-grid span{font-size:17px;color:#a970f1}.admin-quick-grid strong{font-size:10px;margin-top:auto}.admin-quick-grid small{font-size:8px;color:#6f778a}.admin-activity-list{display:grid}.admin-activity-list>div{display:grid;grid-template-columns:14px 1fr;gap:9px;padding:9px 0}.admin-activity-list>div>span{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#914fe8;box-shadow:0 0 0 4px rgba(145,79,232,.1)}.admin-activity-list p{display:grid;margin:0}.admin-activity-list strong{font-size:9px;font-weight:700}.admin-activity-list small{font-size:8px;color:#666e80}.admin-empty{padding:40px;text-align:center;color:#72798a;font-size:11px}.admin-empty.compact{padding:18px 0}.admin-page-head{margin-bottom:20px}.admin-page-head h1,.admin-content>h1{font:700 30px Space Grotesk;letter-spacing:-.03em;margin:8px 0 6px}.admin-content>.muted{color:#848b9d}.admin-content table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(145deg,#151927,#0f121d);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;font-size:10px}.admin-content th{padding:13px 14px;text-align:left;color:#747c8f;text-transform:uppercase;letter-spacing:.09em;font-size:8px;background:rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.07)}.admin-content td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;color:#c8cbd5}.admin-content tr:last-child td{border-bottom:0}.admin-content tr:hover td{background:rgba(255,255,255,.018)}.admin-content form{display:grid;gap:12px}.admin-content label{display:grid;gap:6px;color:#9da3b2;font-size:10px}.admin-content input,.admin-content textarea,.admin-content select{width:100%;padding:11px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:#0c0f19;color:#eef0f6;outline:none}.admin-content input:focus,.admin-content textarea:focus,.admin-content select:focus{border-color:#8d50e4;box-shadow:0 0 0 3px rgba(141,80,228,.1)}.admin-content textarea{min-height:100px;resize:vertical}.admin-content .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-content .btn{min-height:42px;border-radius:10px;font-size:10px;padding:0 16px;justify-self:start}.admin-content .notice{margin:12px 0;padding:12px 14px;border-radius:10px;background:rgba(63,205,130,.1);border:1px solid rgba(63,205,130,.2);color:#7ce6aa;font-size:10px}.admin-content .notice.error{background:rgba(255,83,100,.1);border-color:rgba(255,83,100,.2);color:#ff8c99}.admin-content .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.admin-content .stat{padding:18px;border-radius:14px;background:#141824;border:1px solid rgba(255,255,255,.07);display:grid}.admin-content .stat strong{font:800 27px Space Grotesk}.admin-content .portal-cols{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.admin-content .chat{display:flex;flex-direction:column;gap:9px;max-height:440px;overflow:auto}.admin-content .bubble{max-width:80%;padding:11px 13px;border-radius:11px;background:#242838;font-size:10px}.admin-content .bubble.mine{align-self:flex-end;background:#6236ad}.admin-content .bubble p{margin:4px 0}.status-pill{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:900;white-space:nowrap}.payment-paid{color:#75e4a8;background:rgba(57,200,119,.12)}.payment-open,.payment-awaiting{color:#ffbd70;background:rgba(255,157,65,.12)}.payment-refunded,.payment-cancelled{color:#ff8796;background:rgba(255,73,96,.12)}
@media(max-width:1180px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}.admin-side-stack{grid-template-columns:1fr 1fr}.admin-content .portal-cols{grid-template-columns:1fr}}
@media(max-width:850px){.admin-layout{display:block}.admin-sidebar{position:fixed;left:-285px;width:268px;transition:.25s;box-shadow:25px 0 70px rgba(0,0,0,.5)}.admin-menu-open .admin-sidebar{left:0}.admin-menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:70}.admin-sidebar-close,.admin-menu-button{display:block}.admin-topbar{padding:0 17px}.admin-topbar-title{margin-right:auto;margin-left:12px}.admin-topbar-profile>div{display:none}.admin-content{padding:24px 16px 40px}.admin-footer{padding:15px 17px}.admin-hero{align-items:flex-start;flex-direction:column}.admin-side-stack{grid-template-columns:1fr}.admin-content .form-grid{grid-template-columns:1fr}}
@media(max-width:600px){.admin-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.admin-kpi-card{min-height:124px;padding:15px}.admin-kpi-card strong{font-size:24px}.admin-project-row{grid-template-columns:38px 1fr auto}.admin-project-progress,.admin-project-row .status-pill{display:none}.admin-topbar-title small{display:none}.admin-hero-actions{width:100%}.admin-primary-btn,.admin-secondary-btn{flex:1}.admin-quick-grid{grid-template-columns:1fr 1fr}.admin-content .stats{grid-template-columns:1fr 1fr}.admin-footer span:last-child{display:none}}


/* Central branding */
.brand-image img{display:block;width:190px;max-height:54px;object-fit:contain;object-position:left center}.admin-brand-with-logo{gap:12px}.admin-brand-with-logo img{width:48px;height:48px;object-fit:contain;border-radius:12px;flex:0 0 auto}.admin-brand-with-logo>span{display:grid;min-width:0}.admin-brand-with-logo strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-logo-image{gap:12px}.portal-logo-image img{width:54px;height:54px;object-fit:contain;border-radius:13px}.portal-logo-image>span{display:grid}.portal-logo-image strong{font:800 13px Space Grotesk;letter-spacing:.04em}.portal-logo-image small{font-size:8px;color:#70788c;letter-spacing:.15em;margin-top:2px}.portal-logo-image.compact img{width:42px;height:42px}.login-brand-image{display:flex;justify-content:center;margin:0 auto 22px}.login-brand-image img{display:block;width:min(240px,80%);max-height:82px;object-fit:contain}.branded-auth-card{text-align:left}.branded-auth-card .login-brand-image{justify-content:flex-start}.branding-login-body{background-image:linear-gradient(rgba(6,7,10,.76),rgba(6,7,10,.92)),var(--branding-login-bg,none);background-size:cover;background-position:center;background-attachment:fixed}.admin-branding-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.branding-preview-card{align-self:start}.branding-preview{min-height:230px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,#21183d,#0b0e17 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.branding-preview img{width:min(280px,90%);max-height:100px;object-fit:contain;margin-bottom:18px}.branding-preview strong{font:800 20px Space Grotesk}.branding-preview span{font-size:10px;color:#9299aa;letter-spacing:.16em;margin-top:5px}.branding-remove-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.branding-remove-row label{display:flex!important;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px}.branding-remove-row input{width:auto!important}.admin-content label small{color:#687083;font-size:8px}
@media(max-width:900px){.admin-branding-grid{grid-template-columns:1fr}.branding-remove-row{grid-template-columns:1fr}.brand-image img{width:150px}.portal-logo-image>span{display:none}}


/* Wartungsmodus */
.maintenance-body{min-height:100vh;margin:0;background:radial-gradient(circle at 50% 0,rgba(113,64,202,.25),transparent 38%),#070910;color:#f5f6fb;display:grid;place-items:center;padding:28px;font-family:Manrope,Arial,sans-serif}.maintenance-shell{width:min(720px,100%);text-align:center}.maintenance-card{position:relative;overflow:hidden;padding:52px clamp(24px,6vw,62px);border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(22,26,42,.97),rgba(10,12,21,.98));box-shadow:0 35px 100px rgba(0,0,0,.42)}.maintenance-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(129,75,224,.18);filter:blur(70px);top:-150px;left:50%;transform:translateX(-50%);pointer-events:none}.maintenance-logo{position:relative;width:min(240px,70%);height:88px;object-fit:contain;margin-bottom:25px}.maintenance-badge{display:inline-flex;padding:7px 11px;border-radius:99px;border:1px solid rgba(168,112,245,.26);background:rgba(137,79,221,.09);color:#bb91f5;font-size:9px;font-weight:900;letter-spacing:.16em}.maintenance-card h1{font:800 clamp(34px,7vw,62px) Space Grotesk;margin:20px 0 14px;letter-spacing:-.05em}.maintenance-message{max-width:540px;margin:0 auto 30px;color:#9ca3b6;line-height:1.75}.maintenance-progress{height:9px;border-radius:99px;background:#232839;overflow:hidden}.maintenance-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7640d8,#bd75f4);box-shadow:0 0 24px rgba(171,97,240,.45)}.maintenance-progress.large{height:10px}.maintenance-meta{display:flex;justify-content:space-between;gap:18px;margin-top:11px;color:#747c90;font-size:11px}.maintenance-meta strong{color:#cbd0dc}.maintenance-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:26px 0}.maintenance-links a{padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.03);font-size:11px;font-weight:800}.maintenance-access{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);text-align:left}.maintenance-access summary{cursor:pointer;text-align:center;color:#8d95a8;font-size:11px;font-weight:800}.maintenance-access form{margin-top:18px}.maintenance-access form small{display:block;text-align:center;color:#677083;font-size:9px}.maintenance-shell footer{padding:18px;color:#535b6d;font-size:10px}.admin-maintenance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.maintenance-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:12px;padding:15px;border:1px solid rgba(167,104,239,.2);background:rgba(125,70,208,.06);border-radius:12px}.maintenance-toggle input{width:auto!important;transform:scale(1.15)}.maintenance-toggle span{display:grid;gap:2px}.maintenance-toggle small{color:#737b8e!important}.maintenance-admin-preview{text-align:center;align-self:start}.maintenance-admin-preview img{width:min(230px,80%);height:80px;object-fit:contain;margin:20px 0}.maintenance-admin-preview p{color:#8e96a8;font-size:11px;line-height:1.6}.maintenance-admin-preview>.maintenance-progress{margin:22px 0 8px}.maintenance-admin-preview>.btn{margin-top:24px}
@media(max-width:850px){.admin-maintenance-grid{grid-template-columns:1fr}.maintenance-card{padding:38px 22px}.maintenance-meta{flex-direction:column;gap:5px}.maintenance-logo{height:70px}}

/* ===== V9 Ticket System ===== */
.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none;transition:.2s}.ticket-row:hover{transform:translateY(-1px);border-color:rgba(124,92,255,.45);background:rgba(124,92,255,.06)}.ticket-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(124,92,255,.14);font-size:20px}.ticket-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ticket-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-main small{color:#9298a8}.ticket-status,.ticket-priority{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.ticket-status{background:rgba(79,135,255,.14);color:#86adff}.status-resolved,.status-closed{background:rgba(55,204,128,.14);color:#6ee7a8}.status-waiting_customer{background:rgba(255,177,66,.14);color:#ffc76e}.status-waiting_staff{background:rgba(124,92,255,.14);color:#b7a6ff}.priority-low{background:rgba(255,255,255,.07);color:#b9bfcc}.priority-normal{background:rgba(79,135,255,.12);color:#8db3ff}.priority-high{background:rgba(255,177,66,.14);color:#ffc76e}.priority-urgent{background:rgba(255,77,109,.15);color:#ff8298}.ticket-form{display:flex;flex-direction:column;gap:16px}.ticket-form label{display:flex;flex-direction:column;gap:8px;font-weight:700}.ticket-form input,.ticket-form select,.ticket-form textarea,.admin-filter-bar input,.admin-filter-bar select{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0d101a;color:#fff}.ticket-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ticket-thread{display:flex;flex-direction:column;gap:16px}.ticket-message{max-width:85%;padding:16px;border-radius:16px;background:#111521;border:1px solid rgba(255,255,255,.08)}.ticket-message.from-customer{align-self:flex-start}.ticket-message.from-staff{align-self:flex-end;background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.25)}.ticket-message.internal-note{align-self:stretch;max-width:none;background:rgba(255,177,66,.09);border-color:rgba(255,177,66,.3)}.ticket-message-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.ticket-message-head small{color:#9298a8}.ticket-message-body{line-height:1.65}.ticket-attachment{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);color:#cfc8ff;text-decoration:none}.ticket-reply-panel{margin-top:18px}.ticket-admin-grid{grid-template-columns:minmax(0,1fr) 340px}.ticket-meta{display:flex;flex-direction:column;gap:14px}.ticket-meta span{display:flex;flex-direction:column;gap:4px;color:#9298a8}.ticket-meta strong{color:#fff}.admin-filter-bar{display:grid;grid-template-columns:1fr 220px auto;gap:12px;margin-bottom:18px}.check-row{flex-direction:row!important;align-items:center}.check-row input{width:auto}.alert.error{padding:12px 14px;border-radius:10px;background:rgba(255,77,109,.12);color:#ff9aac;margin-bottom:14px}
@media(max-width:900px){.ticket-admin-grid{grid-template-columns:1fr}.ticket-row{flex-wrap:wrap}.ticket-main{min-width:calc(100% - 60px)}.admin-filter-bar,.form-grid{grid-template-columns:1fr}.ticket-message{max-width:100%}}

/* 2FA */
.two-factor-secret{padding:18px;margin:16px 0;border:1px dashed rgba(124,92,255,.55);border-radius:12px;background:rgba(124,92,255,.08);overflow-wrap:anywhere;font-size:1.05rem}.two-factor-secret code{user-select:all}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.recovery-code-grid code{display:block;padding:12px;border-radius:10px;background:#090b13;text-align:center;letter-spacing:.08em;user-select:all}@media(max-width:600px){.recovery-code-grid{grid-template-columns:1fr}}

/* Lokaler 2FA-QR-Code: wird vollständig im Browser erzeugt, ohne externe API. */
.two-factor-qr{width:min(100%,280px);min-height:260px;margin:18px 0;padding:14px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 36px rgba(0,0,0,.24)}
.two-factor-qr svg{display:block;width:100%;height:auto;image-rendering:pixelated}
.two-factor-qr p{margin:0;color:#111;text-align:center}
.two-factor-manual{margin:16px 0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}
.two-factor-manual summary{cursor:pointer;font-weight:700}
.two-factor-manual[open] summary{margin-bottom:14px}


/* V11 Branding/Logo Fix */
.admin-brand-with-logo img,.portal-logo-image img,.login-brand-image img,.branding-preview img{
  display:block; object-fit:contain; object-position:center; background:transparent;
}
.admin-brand-with-logo img{width:52px;height:52px;max-width:52px;max-height:52px;padding:2px;border-radius:10px}
.portal-logo-image img{width:52px;height:52px;max-width:52px;max-height:52px;padding:2px;border-radius:10px}
.portal-logo-image.compact img{width:38px;height:38px;max-width:38px;max-height:38px}
.admin-brand-with-logo>span,.portal-logo-image>span{overflow:hidden}
.admin-brand-with-logo strong,.portal-logo-image strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login-brand-image img{width:auto;max-width:min(260px,90%);height:auto;max-height:96px}
.branding-preview img{width:auto;max-width:min(300px,95%);height:auto;max-height:120px}

/* Desktop header tweaks */
@media (min-width: 961px) {
    .nav-wrap { height:96px; background: rgba(6,7,10,.80); }
    .nav { padding:0 36px; }
    .nav nav { gap:34px; }
    .nav nav > a:not(.btn) { padding:8px 12px; border-radius:8px; }
    .brand-image img { width:160px; max-height:64px; }
}

/* Hosting & Domain auf der Webseiten-Seite */
.hosting-section{padding-top:35px}.hosting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hosting-card{position:relative;display:flex;flex-direction:column;padding:34px;border-radius:25px;background:linear-gradient(160deg,#12151d,#0b0d12);border:1px solid var(--line);overflow:hidden}.hosting-card.featured{border-color:rgba(169,138,255,.52);background:radial-gradient(circle at 100% 0,rgba(124,92,255,.2),transparent 42%),linear-gradient(160deg,#171424,#0b0d12)}.hosting-label{position:absolute;right:20px;top:20px;padding:6px 10px;border-radius:99px;background:var(--accent);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hosting-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(124,92,255,.13);color:#c0b2ff;font-size:24px}.hosting-card h3{font:700 26px Space Grotesk;margin:24px 0 10px}.hosting-card>p{color:var(--muted);margin:0 0 22px;line-height:1.7}.hosting-card ul{display:grid;gap:11px;padding:0;margin:0 0 28px;list-style:none}.hosting-card li{display:flex;gap:10px;color:#cbd0dc;font-size:14px}.hosting-card li span{color:var(--success);font-weight:900}.hosting-price{font:800 35px Space Grotesk;margin:-4px 0 22px}.hosting-price span{font:700 12px Manrope;color:var(--muted);text-transform:uppercase}.hosting-card .btn{margin-top:auto}.hosting-card>small{display:block;margin-top:13px;color:#72798a;line-height:1.5}.hosting-choice{display:grid;gap:10px;margin:18px 0;padding:0;border:0}.hosting-choice legend{margin-bottom:8px;font-weight:800}.hosting-choice label{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer}.hosting-choice input{width:auto!important;margin:0}.hosting-choice span{display:grid;gap:3px}.hosting-choice small{color:var(--muted);font-weight:500}.hosting-choice label:has(input:checked){border-color:rgba(169,138,255,.55);background:rgba(124,92,255,.09)}
@media(max-width:760px){.hosting-grid{grid-template-columns:1fr}.hosting-label{position:static;align-self:flex-start;margin-bottom:18px}.hosting-card.featured .hosting-icon{margin-top:0}}


/* Legal Center */
.legal-page{max-width:1000px;margin-inline:auto}.legal-page h1{font-size:clamp(2rem,5vw,3.3rem);margin:.55rem 0 1rem}.legal-card{padding:clamp(1.2rem,3vw,2.3rem)}.legal-card h2{font-size:1.22rem;margin:2rem 0 .65rem}.legal-card h2:first-child{margin-top:0}.legal-card p,.legal-card li{line-height:1.75}.legal-notice{margin:1.2rem 0;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.045);line-height:1.6}.legal-notice code{overflow-wrap:anywhere}.legal-updated{text-align:right;color:var(--muted);font-size:.9rem;margin-top:1rem}.legal-template{padding:1rem;border:1px dashed rgba(255,255,255,.25);border-radius:12px}.legal-link{text-decoration:none;display:block;transition:transform .2s ease,border-color .2s ease}.legal-link:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.3)}.legal-link h2{margin-top:0}.legal-grid{align-items:stretch}.footer-inner{grid-template-columns:1.25fr repeat(3,minmax(130px,1fr))}@media(max-width:850px){.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:560px){.footer-inner{grid-template-columns:1fr}.legal-updated{text-align:left}}

/* Official Synhost partner page */
.synhost-hero{max-width:1240px;min-height:calc(100vh - 110px);margin:0 auto;padding:80px 24px 70px;display:flex;align-items:center;justify-content:center;text-align:center}.synhost-hero>div{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.synhost-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(52px,7vw,90px);line-height:.96;letter-spacing:-.045em;margin:20px auto 25px;text-align:center}.synhost-hero h1 em,.partner-panel h2 em{font-style:normal;color:transparent;background:linear-gradient(110deg,#b49fff,#7353ff 60%,#59d8ff);-webkit-background-clip:text;background-clip:text}.synhost-hero p{max-width:760px;color:var(--muted);font-size:18px;margin:0 auto 32px;text-align:center}.synhost-hero .actions{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.synhost-section{padding-top:70px}.partner-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.partner-product{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#12151d,#0b0d12)}.partner-product>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(124,92,255,.13);color:#c1b3ff;font-size:22px}.partner-product h3{font:700 23px Space Grotesk;margin:22px 0 9px}.partner-product p{margin:0;color:var(--muted)}.partner-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.partner-panel{padding:40px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(160deg,#12151d,#0b0d12)}.partner-panel-accent{border-color:rgba(169,138,255,.5);background:radial-gradient(circle at 100% 0,rgba(124,92,255,.2),transparent 42%),linear-gradient(160deg,#171424,#0b0d12)}.partner-panel h2{font:700 clamp(34px,4vw,52px)/1.05 Space Grotesk;margin:18px 0}.partner-panel>p{color:var(--muted)}.partner-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;list-style:none;padding:0;margin:24px 0}.partner-checks li{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.partner-checks span{color:var(--success);font-weight:900;margin-right:7px}.partner-copy-status{min-height:25px;margin:10px 0 0!important;color:var(--success)!important}.partner-route{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.partner-route div{padding:23px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);display:grid;gap:6px}.partner-route strong{font:700 22px Space Grotesk}.partner-route span{color:var(--muted);font-size:13px}.partner-route>b{color:#b8a7ff;font-size:28px}.partner-disclosure{max-width:900px;margin:18px auto 0;text-align:center;color:var(--muted);font-size:12px}.footer-bottom{gap:18px;flex-wrap:wrap}
@media(max-width:900px){.partner-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-split{grid-template-columns:1fr}.partner-route{grid-template-columns:1fr}.partner-route>b{transform:rotate(90deg);text-align:center}}
@media(max-width:620px){.partner-product-grid{grid-template-columns:1fr}.partner-checks{grid-template-columns:1fr}.synhost-hero{min-height:auto;padding:75px 20px 60px}.synhost-hero .actions{flex-direction:column}.synhost-hero .actions .btn{width:100%;max-width:360px}.partner-panel{padding:28px 22px}}

/* Startseite: nur das aktuelle Starter-Paket */
.mini-price-list .starter-only{min-height:130px;padding:28px 30px;background:linear-gradient(135deg,rgba(124,92,255,.20),rgba(67,186,255,.08));border-color:rgba(169,138,255,.45)}
.mini-price-list .starter-only>span{display:flex;flex-direction:column;gap:7px}
.mini-price-list .starter-only b{font:700 22px Space Grotesk}
.mini-price-list .starter-only small{position:static;display:inline-flex;width:max-content;background:rgba(124,92,255,.25);color:#cbbcff;padding:5px 9px;border-radius:99px;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}
.mini-price-list .starter-only strong{font-size:30px}

/* Kundenstimmen & Referenzen */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.testimonial-grid-full{grid-template-columns:repeat(3,minmax(0,1fr))}.testimonial-card{display:flex;flex-direction:column;min-height:280px;padding:28px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));position:relative;overflow:hidden}.testimonial-card:before{content:"“";position:absolute;right:20px;top:-18px;font-size:110px;font-weight:800;color:rgba(139,92,246,.1);line-height:1}.testimonial-stars{color:#a78bfa;letter-spacing:4px;font-size:16px;position:relative;z-index:1}.testimonial-card blockquote{margin:22px 0 30px;color:#f4f4f7;font-size:17px;line-height:1.75;flex:1;position:relative;z-index:1}.testimonial-person{display:flex;align-items:center;gap:13px}.testimonial-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:800}.testimonial-person div{display:flex;flex-direction:column;gap:3px}.testimonial-person strong{color:#fff}.testimonial-person small{color:var(--muted)}.section-link-row{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.text-link{color:#bca8ff;text-decoration:none;font-weight:700}.text-link:hover{color:#fff}.testimonial-note{max-width:850px;margin:46px auto 0;padding:32px;border:1px solid var(--border);border-radius:24px;text-align:center;background:rgba(124,58,237,.08)}.testimonial-note strong{font-size:24px;color:#fff}.testimonial-note p{color:var(--muted);margin:8px 0 20px}.subpage-hero.compact{min-height:390px;display:grid;place-items:center;text-align:center;padding:100px 24px 50px}.subpage-hero.compact>div{max-width:850px}.subpage-hero.compact h1{font-size:clamp(46px,7vw,80px);line-height:1.02;margin:18px 0}.subpage-hero.compact h1 em{color:#9570ff;font-style:normal}.subpage-hero.compact p{max-width:720px;margin:auto;color:var(--muted);font-size:18px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.project-card{border:1px solid var(--border);border-radius:26px;background:rgba(255,255,255,.025);overflow:hidden;transition:transform .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.55)}.project-preview{height:220px;background-size:cover;background-position:center;position:relative}.project-preview.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(139,92,246,.4),transparent 35%),linear-gradient(135deg,#141426,#090911)}.project-preview.placeholder>span{font-size:64px;font-weight:900;color:rgba(255,255,255,.9);letter-spacing:-5px}.project-status{position:absolute;top:16px;right:16px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(7,7,14,.8);color:#c4b5fd;font-size:12px;font-weight:700}.project-content{padding:25px}.project-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.project-meta span{color:#a78bfa;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.project-meta small{color:var(--muted)}.project-content h2{font-size:24px;margin:0 0 12px}.project-content p{color:var(--muted);line-height:1.7}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.project-tags span{padding:7px 10px;border-radius:10px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:#c4b5fd;font-size:12px}.empty-state{padding:60px 25px;text-align:center;border:1px dashed var(--border);border-radius:24px}.empty-state p{color:var(--muted)}
@media(max-width:980px){.testimonial-grid,.testimonial-grid-full,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.testimonial-grid,.testimonial-grid-full,.project-grid{grid-template-columns:1fr}.testimonial-card{min-height:auto}.subpage-hero.compact{min-height:320px;padding-top:75px}.project-preview{height:190px}}

/* Professionelle Referenzseite */
.references-hero{position:relative;min-height:620px;padding:110px 24px 80px;display:grid;place-items:center;text-align:center;overflow:hidden}.references-hero:before{content:"";position:absolute;width:760px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.22),transparent 68%);filter:blur(10px);top:0;left:50%;transform:translateX(-50%);pointer-events:none}.references-hero-inner{position:relative;z-index:1;max-width:920px}.references-hero h1{font:700 clamp(58px,9vw,106px)/.95 Space Grotesk;margin:24px 0;letter-spacing:-.06em}.references-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(110deg,#b49fff,#7353ff 55%,#59d8ff);-webkit-background-clip:text;background-clip:text}.references-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:19px;line-height:1.75}.references-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}
.reference-stats{padding-top:0}.reference-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.reference-stat-grid article{min-height:180px;padding:28px 22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.25s}.reference-stat-grid article:hover{transform:translateY(-5px);border-color:rgba(169,138,255,.55)}.reference-stat-grid article>span{font-size:27px;margin-bottom:11px}.reference-stat-grid strong{font:700 30px Space Grotesk;color:#fff}.reference-stat-grid small{color:var(--muted);margin-top:5px}
.reference-project-list{display:grid;gap:50px;margin-top:46px}.reference-project{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding:38px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 0 0,rgba(124,92,255,.08),transparent 38%),rgba(255,255,255,.018);box-shadow:0 28px 80px rgba(0,0,0,.22)}.reference-project-reverse .reference-browser{order:2}.reference-project-reverse .reference-project-content{order:1}.reference-browser{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#0c0e14;box-shadow:0 30px 75px rgba(0,0,0,.42);transform:perspective(1000px) rotateY(2deg);transition:transform .35s}.reference-project:hover .reference-browser{transform:perspective(1000px) rotateY(0) translateY(-4px)}.reference-browser-bar{height:45px;padding:0 14px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:#131620}.reference-browser-bar>span{width:9px;height:9px;border-radius:50%;background:#ff6b81}.reference-browser-bar>span:nth-child(2){background:#f8c85d}.reference-browser-bar>span:nth-child(3){background:#66d9a1}.reference-browser-bar div{flex:1;max-width:260px;margin:auto;padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.045);color:#7f8798;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-browser-screen{height:380px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(145deg,#10131b,#08090e)}.reference-screen-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(124,92,255,.2);filter:blur(70px)}.reference-accent-blue .reference-screen-glow{background:rgba(40,112,255,.24)}.reference-accent-pink .reference-screen-glow{background:rgba(221,70,180,.22)}.reference-screen-logo{position:relative;width:80px;height:80px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#8e6cff,#5632da);box-shadow:0 18px 50px rgba(124,92,255,.32);font:800 25px Space Grotesk;margin-bottom:20px}.reference-accent-blue .reference-screen-logo{background:linear-gradient(135deg,#4e9fff,#2454c8)}.reference-accent-pink .reference-screen-logo{background:linear-gradient(135deg,#f06bd1,#8d3fe0)}.reference-browser-screen>span,.reference-browser-screen>strong,.reference-browser-screen>p,.reference-screen-lines{position:relative}.reference-browser-screen>span{text-transform:uppercase;letter-spacing:.14em;color:#a99aff;font-size:10px;font-weight:800}.reference-browser-screen>strong{font:700 clamp(25px,3vw,39px) Space Grotesk;margin:6px 0}.reference-browser-screen>p{margin:0;color:var(--muted);font-size:12px}.reference-screen-lines{display:flex;gap:8px;margin-top:32px}.reference-screen-lines i{display:block;width:75px;height:7px;border-radius:99px;background:rgba(255,255,255,.09)}.reference-screen-lines i:nth-child(2){width:44px;background:rgba(124,92,255,.4)}
.reference-project-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.reference-project-top>span{color:#a98aff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.reference-project-top small{color:var(--success)}.reference-project-content h2{font:700 clamp(34px,4vw,52px)/1.05 Space Grotesk;margin:18px 0}.reference-project-content>p{color:var(--muted);font-size:16px;line-height:1.75}.reference-project-content h3{font:700 15px Space Grotesk;margin:26px 0 12px}.reference-service-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reference-service-list li{color:#d8dae2;font-size:13px}.reference-service-list li::first-letter{color:var(--success)}.reference-technologies{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.reference-technologies span{padding:7px 10px;border:1px solid rgba(169,138,255,.22);border-radius:9px;background:rgba(124,92,255,.08);color:#c7baff;font-size:11px;font-weight:700}.reference-visit{margin-top:2px}
.section-head.centered{display:flex;flex-direction:column;text-align:center;align-items:center}.section-head.centered p{max-width:660px}.reference-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.reference-benefit-grid article{padding:30px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.02);transition:.25s}.reference-benefit-grid article:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.5);background:rgba(124,92,255,.055)}.reference-benefit-grid article>span{width:49px;height:49px;display:grid;place-items:center;border:1px solid rgba(169,138,255,.22);border-radius:15px;background:rgba(124,92,255,.1);color:#b9a7ff;font-size:22px}.reference-benefit-grid h3{font:700 19px Space Grotesk;margin:19px 0 8px}.reference-benefit-grid p{margin:0;color:var(--muted);font-size:13px}.reference-cta{background:radial-gradient(circle at 80% 0,rgba(89,216,255,.18),transparent 38%),linear-gradient(135deg,#704de8,#3f27ad)}.reference-reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}.reference-reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.reference-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-project,.reference-project-reverse{grid-template-columns:1fr;gap:32px}.reference-project-reverse .reference-browser,.reference-project-reverse .reference-project-content{order:initial}.reference-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-browser-screen{height:340px}}
@media(max-width:620px){.references-hero{min-height:520px;padding:80px 20px 55px}.references-hero h1{font-size:clamp(52px,17vw,76px)}.references-hero p{font-size:16px}.references-hero-actions{flex-direction:column}.references-hero-actions .btn{width:100%}.reference-stat-grid,.reference-benefit-grid{grid-template-columns:1fr}.reference-project{padding:18px;border-radius:23px}.reference-browser-screen{height:270px}.reference-project-content{padding:4px 5px 9px}.reference-service-list{grid-template-columns:1fr}.reference-screen-lines i{width:52px}.reference-project-top{align-items:flex-start;flex-direction:column;gap:5px}}