:root{--zf-bg:#05070b;--zf-panel:#0d121a;--zf-panel2:#101722;--zf-text:#f7fbff;--zf-muted:#8e9bad;--zf-line:rgba(255,255,255,.075);--zf-cyan:#2de2e6;--zf-blue:#6c7cff;--zf-pink:#ff4d9d;--zf-good:#53e39b;--zf-radius:22px;--zf-shadow:0 22px 70px rgba(0,0,0,.34)}
html{background:var(--zf-bg)}body{background:radial-gradient(circle at 8% -8%,rgba(45,226,230,.11),transparent 32%),radial-gradient(circle at 92% 0,rgba(108,124,255,.09),transparent 30%),var(--zf-bg)!important;color:var(--zf-text)}
header{background:rgba(5,7,11,.86)!important;border-bottom:1px solid var(--zf-line)!important;backdrop-filter:blur(24px)!important}.nav{min-height:68px}.brand{font-size:17px;letter-spacing:-.01em}.brand img{border-radius:13px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.25)}
.btn{min-height:46px;border-radius:14px!important;border-color:var(--zf-line)!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important}.btn:hover{background:rgba(255,255,255,.075)!important}.btn.primary{background:linear-gradient(135deg,var(--zf-cyan),#73b7ff)!important;color:#041014!important;border-color:transparent!important;box-shadow:0 10px 30px rgba(45,226,230,.14)!important}.btn.primary:hover{filter:brightness(1.05)}
.field{border-radius:14px!important;border:1px solid rgba(255,255,255,.105)!important;background:#080d14!important;color:var(--zf-text)!important;min-height:46px}.field:focus{outline:none!important;border-color:rgba(45,226,230,.55)!important;box-shadow:0 0 0 3px rgba(45,226,230,.08)!important}.field::placeholder{color:#617083}
.eyebrow{color:var(--zf-cyan)!important;font-weight:900!important;letter-spacing:.16em!important}.lead{color:#b9c4d1!important}
.zf-app-hero{padding:56px 0 30px}.zf-app-hero h1{font-size:clamp(40px,7vw,72px);line-height:.98;letter-spacing:-.05em;margin:8px 0 18px;max-width:900px}.zf-app-hero .lead{max-width:720px;font-size:clamp(16px,2vw,20px)}
.zf-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.zf-action{position:relative;display:flex;min-height:122px;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--zf-line);border-radius:20px;background:linear-gradient(150deg,rgba(18,25,36,.94),rgba(8,13,20,.94));text-decoration:none;overflow:hidden;transition:.18s ease}.zf-action:before{content:"";position:absolute;inset:auto -25px -45px auto;width:120px;height:120px;border-radius:50%;background:rgba(45,226,230,.08);filter:blur(2px)}.zf-action:hover{transform:translateY(-2px);border-color:rgba(45,226,230,.24)}.zf-action-icon{font-size:24px}.zf-action strong{font-size:18px;position:relative}.zf-action small{color:var(--zf-muted);font-size:12px;position:relative}
.zf-panel{border:1px solid var(--zf-line);border-radius:22px;background:linear-gradient(155deg,rgba(15,21,31,.96),rgba(7,11,17,.96));box-shadow:var(--zf-shadow)}.zf-panel-pad{padding:20px}.zf-section{padding:24px 0}.zf-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.zf-section-head h2{font-size:clamp(25px,4vw,34px);margin:0;letter-spacing:-.03em}.zf-section-head p{margin:0;color:var(--zf-muted);font-size:13px}
.zf-quick-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px;border:1px solid rgba(45,226,230,.2);border-radius:22px;background:linear-gradient(135deg,rgba(45,226,230,.08),rgba(108,124,255,.06))}.zf-quick-create h3{margin:0 0 4px}.zf-quick-create p{margin:0;color:var(--zf-muted);font-size:13px}
.zf-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.zf-status-card{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--zf-line);border-radius:16px;background:rgba(255,255,255,.022);text-decoration:none}.zf-status-card img{width:34px;height:34px}.zf-status-card strong{display:block;font-size:13px}.zf-status-card small{display:block;color:var(--zf-muted);font-size:11px;margin-top:2px}.zf-status-card small.ok{color:#9ef0bd}
.zf-mini-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.zf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zf-metric{padding:14px;border:1px solid var(--zf-line);border-radius:16px;background:rgba(255,255,255,.022)}.zf-metric strong{font-size:24px;display:block}.zf-metric span{font-size:11px;color:var(--zf-muted)}
.composer-page,.video-studio-page{max-width:1040px!important}.composer-page>h1,.video-studio-page>h1{letter-spacing:-.04em!important}.composer-card,.vs-card{border-color:var(--zf-line)!important;background:linear-gradient(155deg,rgba(15,21,31,.97),rgba(7,12,18,.97))!important;box-shadow:0 12px 38px rgba(0,0,0,.22)!important}.zf-flow-tabs{box-shadow:0 14px 34px rgba(0,0,0,.3)!important}
.zf-product-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px;padding:10px 12px;border:1px solid var(--zf-line);border-radius:16px;background:rgba(255,255,255,.025)}.zf-product-bar div{min-width:0}.zf-product-bar strong{display:block;font-size:13px}.zf-product-bar small{display:block;color:var(--zf-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zf-product-bar .badge{flex:0 0 auto}
.zf-local-banner{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(83,227,155,.16);border-radius:16px;background:rgba(83,227,155,.045);margin:12px 0}.zf-local-banner b{color:#9ef0bd}.zf-local-banner span{color:var(--zf-muted);font-size:12px}
footer{border-color:var(--zf-line)!important}
@media(max-width:820px){.zf-app-hero{padding:30px 0 18px}.zf-action-grid{grid-template-columns:1fr 1fr}.zf-action{min-height:108px;padding:15px}.zf-quick-create{grid-template-columns:1fr}.zf-status-grid{grid-template-columns:1fr 1fr}.zf-mini-grid{grid-template-columns:1fr}.zf-section{padding:18px 0}.zf-section-head{align-items:flex-start;flex-direction:column}.composer-page,.video-studio-page{width:min(100% - 24px,1040px)!important;padding-left:0!important;padding-right:0!important}.zf-product-bar{margin-top:4px}}
@media(max-width:480px){.zf-action-grid{gap:8px}.zf-action{min-height:100px;border-radius:17px}.zf-action strong{font-size:15px}.zf-status-grid{grid-template-columns:1fr 1fr;gap:8px}.zf-status-card{padding:10px}.zf-status-card img{width:30px;height:30px}.zf-metrics{gap:7px}.zf-metric{padding:11px}.zf-metric strong{font-size:20px}}