/* FileForge X v0.7.9 — brand, landing motion and licensing UI */
.topbar{height:86px;grid-template-columns:minmax(224px,300px) minmax(130px,1fr) auto;padding:0 24px}
.brand{height:100%;display:flex;align-items:center;overflow:visible}
.brand .official-wordmark{width:clamp(224px,20vw,284px)!important;max-width:100%;max-height:none!important;height:auto!important;aspect-ratio:2048/682;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 0 7px rgba(255,22,143,.42)) drop-shadow(0 0 13px rgba(0,215,239,.24))}
html[data-theme="light"] .brand .official-wordmark{filter:drop-shadow(0 5px 10px rgba(92,38,135,.22)) saturate(1.06)}
.product{min-height:calc(100vh - 86px)}
.button,.top-control{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.button:not(:disabled):hover,.top-control:hover{transform:translateY(-2px)}
.button.primary:not(:disabled):hover{box-shadow:0 15px 38px rgba(255,22,143,.28),0 0 0 1px rgba(0,215,239,.18)}
.button:not(:disabled):active,.top-control:active{transform:translateY(0) scale(.98)}
.hero-copy{animation:hero-arrive .72s cubic-bezier(.22,.74,.18,1) both}
.hero-visual{isolation:isolate;transform:perspective(900px) rotateX(var(--forge-rx,0deg)) rotateY(var(--forge-ry,0deg));transition:transform .35s ease;animation:visual-arrive .9s .08s cubic-bezier(.22,.74,.18,1) both}
.forge-aura{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(139,73,255,.22),rgba(255,22,143,.08) 36%,transparent 68%);filter:blur(12px);animation:forge-breathe 5.8s ease-in-out infinite}
.forge-grid{position:absolute;width:410px;height:410px;border-radius:50%;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,#000 0 43%,transparent 72%)}
.forge-ring{border:0;background:conic-gradient(from 30deg,transparent 0 7%,var(--pink) 9% 18%,transparent 21% 43%,var(--violet) 46% 57%,transparent 60% 77%,var(--cyan) 80% 91%,transparent 94%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 7px rgba(139,73,255,.48));will-change:transform}
.forge-ring i{position:absolute;width:9px;height:9px;border-radius:50%;left:50%;top:-4px;background:#fff;box-shadow:0 0 8px #fff,0 0 18px var(--cyan),0 0 28px var(--violet)}
.ring-one{width:390px;height:390px;animation:spin 26s linear infinite}
.ring-two{width:286px;height:286px;animation:spin 18s linear infinite reverse;background:conic-gradient(from 180deg,transparent 0 20%,var(--cyan) 23% 34%,transparent 37% 58%,var(--pink) 61% 72%,transparent 75% 89%,var(--violet) 92%)}
.ring-two i{top:auto;bottom:-4px;background:var(--pink);box-shadow:0 0 10px var(--pink),0 0 24px var(--violet)}
.ring-three{width:186px;height:186px;animation:spin 12s linear infinite;background:conic-gradient(from 240deg,var(--violet),transparent 18% 48%,var(--cyan) 53% 68%,transparent 73%)}
.ring-three i{left:auto;right:-4px;top:50%;background:var(--violet);box-shadow:0 0 11px #fff,0 0 26px var(--violet)}
.forge-core{position:relative;z-index:4;width:126px;height:126px}
.forge-core:before{content:"";position:absolute;inset:-18px;border-radius:37%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,22,143,.16),rgba(0,215,239,.08));box-shadow:inset 0 0 35px rgba(139,73,255,.2),0 0 45px rgba(139,73,255,.22);animation:core-float 4.2s ease-in-out infinite}
.forge-core img{position:relative;z-index:2;border-radius:28px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}
.core-halo{position:absolute;z-index:0;inset:-42px;border-radius:50%;border:1px solid rgba(0,215,239,.18);box-shadow:0 0 50px rgba(255,22,143,.16);animation:halo-pulse 3.2s ease-out infinite}
.forge-link{position:absolute;z-index:1;width:126px;height:1px;left:50%;top:50%;transform-origin:left;background:linear-gradient(90deg,rgba(255,255,255,.7),transparent);opacity:.36}
.link-a{transform:rotate(-90deg) translateX(68px)}
.link-b{transform:rotate(5deg) translateX(67px)}
.link-c{transform:rotate(140deg) translateX(67px)}
.forge-particles{position:absolute;inset:0;z-index:2}
.forge-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px currentColor;animation:particle-rise 4.5s ease-in-out infinite}
.forge-particles i:nth-child(1){left:21%;top:28%;color:var(--pink);animation-delay:-.4s}.forge-particles i:nth-child(2){right:17%;top:33%;animation-delay:-1.1s}.forge-particles i:nth-child(3){left:26%;bottom:19%;color:var(--violet);animation-delay:-2.4s}.forge-particles i:nth-child(4){right:28%;bottom:14%;color:var(--pink);animation-delay:-3.1s}.forge-particles i:nth-child(5){left:48%;top:7%;animation-delay:-1.8s}.forge-particles i:nth-child(6){right:6%;top:58%;color:var(--violet);animation-delay:-.9s}
.orbit-label{z-index:5;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line2);border-radius:999px;background:rgba(8,6,12,.76);backdrop-filter:blur(8px);color:#e9e0ef;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.orbit-label i{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink)}
.label-a{top:27px;left:50%;transform:translateX(-50%)}.label-b{right:-2px;top:50%;transform:translateY(-50%)}.label-c{left:14px;bottom:30px}.label-b i{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.label-c i{background:var(--violet);box-shadow:0 0 9px var(--violet)}
.forge-progress{position:absolute;bottom:4px;left:50%;display:flex;gap:5px;transform:translateX(-50%)}
.forge-progress span{width:24px;height:2px;border-radius:2px;background:var(--line2);animation:stage-flow 3s ease-in-out infinite}.forge-progress span:nth-child(2){animation-delay:1s}.forge-progress span:nth-child(3){animation-delay:2s}
html[data-theme="light"] .forge-aura{background:radial-gradient(circle,rgba(139,61,209,.2),rgba(238,30,145,.1) 39%,transparent 69%);opacity:1}
html[data-theme="light"] .forge-grid{opacity:.52;background-image:linear-gradient(rgba(70,38,90,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(70,38,90,.08) 1px,transparent 1px)}
html[data-theme="light"] .forge-ring{filter:drop-shadow(0 0 4px rgba(91,39,150,.35));opacity:1!important}
html[data-theme="light"] .orbit-label{background:rgba(255,255,255,.88);color:#352044;border-color:rgba(86,45,110,.28);box-shadow:0 8px 24px rgba(71,34,92,.12)}
html[data-theme="light"] .forge-core:before{border-color:rgba(91,40,126,.22);background:linear-gradient(145deg,rgba(238,30,145,.12),rgba(0,141,175,.1))}
.settings-dialog{width:min(650px,calc(100vw - 24px));overflow:hidden}
.settings-dialog form{max-height:calc(100dvh - 30px);display:flex;flex-direction:column}
.settings-body{overflow:auto;padding:18px 24px}
.settings-group{padding:2px 0 18px}.settings-group+.settings-group{border-top:1px solid var(--line);padding-top:20px}
.settings-group h3{margin:0;font-size:15px}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-section-head .kicker{margin-bottom:5px}
.license-status{font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line2);border-radius:999px;padding:7px 9px;color:var(--muted);white-space:nowrap}
.license-status[data-state="active"],.license-status[data-state="pilot"],.license-status[data-state="owner"]{color:var(--good);border-color:rgba(101,226,165,.55);background:rgba(101,226,165,.08)}
.license-status[data-state="blocked"],.license-status[data-state="revoked"],.license-status[data-state="expired"]{color:var(--bad);border-color:rgba(255,107,134,.55);background:rgba(255,107,134,.08)}
.license-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.license-facts div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.license-facts dt{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.license-facts dd{margin:5px 0 0;font-size:12px;font-weight:750;overflow-wrap:anywhere}
.license-key-label{display:block;font:10px var(--mono);color:var(--muted)}.license-key-label .field{margin-top:8px}.license-actions{display:flex;align-items:center;gap:9px;margin-top:10px}.license-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.settings-privacy{margin:2px 0 0;padding-left:13px;border-left:2px solid var(--cyan)}
.license-strip{grid-template-columns:1fr auto}.license-strip .button{width:max-content}
html[data-theme="light"] .license-facts div{background:#faf7fd}html[data-theme="light"] .license-status{background:#fff}
@keyframes hero-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes visual-arrive{from{opacity:0;transform:perspective(900px) scale(.88) rotate(-3deg)}to{opacity:1}}
@keyframes forge-breathe{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.06);opacity:1}}
@keyframes core-float{0%,100%{transform:translateY(-3px) rotate(-1deg)}50%{transform:translateY(5px) rotate(1deg)}}
@keyframes halo-pulse{0%{transform:scale(.78);opacity:.8}75%,100%{transform:scale(1.18);opacity:0}}
@keyframes particle-rise{0%,100%{transform:translateY(8px) scale(.6);opacity:.25}50%{transform:translateY(-10px) scale(1.25);opacity:1}}
@keyframes stage-flow{0%,20%{background:var(--line2);box-shadow:none}35%,58%{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}75%,100%{background:var(--line2);box-shadow:none}}
@media(max-width:1100px){.topbar-center{display:none}.topbar{grid-template-columns:minmax(190px,260px) auto}.brand .official-wordmark{width:clamp(204px,23vw,256px)!important}}
@media(max-width:820px){.topbar{height:72px;grid-template-columns:minmax(105px,145px) minmax(0,1fr);padding:0 10px}.brand .official-wordmark{width:clamp(112px,28vw,145px)!important;max-width:none}.topbar-actions{overflow-x:auto;scrollbar-width:none}.topbar-actions::-webkit-scrollbar{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:64px 0 30px;gap:14px}.hero-visual{display:grid!important;height:340px}.forge-aura,.forge-grid{width:310px;height:310px}.ring-one{width:300px;height:300px}.ring-two{width:224px;height:224px}.ring-three{width:152px;height:152px}.forge-core{width:102px;height:102px}.label-a{top:12px}.label-b{right:1px}.label-c{left:1px;bottom:17px}.forge-progress{bottom:0}.mobile-switcher{top:72px}.product{min-height:calc(100vh - 72px)}.settings-dialog{width:min(620px,calc(100vw - 16px))}}
@media(max-width:520px){.topbar{height:66px;grid-template-columns:102px minmax(0,1fr);padding:0 7px}.brand .official-wordmark{width:100px!important}.top-control{font-size:10px;padding:0 6px}.top-control-primary{padding:0 8px}.hero{padding-top:46px}.hero h1{font-size:52px}.hero-visual{height:278px;margin-inline:-8px}.forge-aura,.forge-grid{width:250px;height:250px}.ring-one{width:242px;height:242px}.ring-two{width:182px;height:182px}.ring-three{width:124px;height:124px}.forge-core{width:82px;height:82px}.forge-core:before{inset:-12px}.orbit-label{font-size:8px;padding:5px 7px}.label-a{top:8px}.label-b{right:0}.label-c{left:0;bottom:12px}.license-facts{grid-template-columns:1fr}.license-actions{align-items:stretch;flex-direction:column}.license-actions .button{width:100%}.settings-head,.settings-body,.settings-dialog footer{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-visual,.forge-aura,.forge-ring,.forge-core:before,.core-halo,.forge-particles i,.forge-progress span{animation:none!important}.hero-visual{transform:none!important}}
html[data-motion="reduced"] .hero-copy,html[data-motion="reduced"] .hero-visual,html[data-motion="reduced"] .forge-aura,html[data-motion="reduced"] .forge-ring,html[data-motion="reduced"] .forge-core:before,html[data-motion="reduced"] .core-halo,html[data-motion="reduced"] .forge-particles i,html[data-motion="reduced"] .forge-progress span{animation:none!important}
html[data-motion="reduced"] .hero-visual{transform:none!important}