:root{color-scheme:dark;--bg: #121212;--bg-soft: #1b1b1b;--bg-panel: #0f0f0f;--line: rgba(132, 149, 133, .22);--line-strong: rgba(255, 255, 255, .08);--text: #e5e2e1;--muted: #93a293;--accent: #00ff88;--accent-soft: rgba(0, 255, 136, .12);--shadow: 0 18px 60px rgba(0, 0, 0, .35);--headline: "Space Grotesk", sans-serif;--body: "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 48%),linear-gradient(180deg,#181818,#111);color:var(--text);font-family:var(--body);min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}#root,.app-shell{min-height:100vh}.sticky-nav{position:fixed;top:0;left:0;z-index:50;display:flex;align-items:center;justify-content:space-between;width:100%;height:4.5rem;padding:0 2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#131313d1;border-bottom:1px solid var(--line-strong);transform:translateY(-110%);transition:transform .45s cubic-bezier(.16,1,.3,1)}.sticky-nav.visible{transform:translateY(0)}.brand-mark,.nav-links a{font-family:var(--headline);text-transform:uppercase;letter-spacing:.25em;font-size:.68rem}.brand-mark{color:var(--accent);font-weight:700}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:#e5e2e175}.nav-links a:hover,.nav-links a:first-child{color:var(--accent)}.mobile-nav-button{display:none;color:var(--accent);background:transparent;border:0}.hero-section{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:flex-end;padding:0 2rem 2rem}.hero-carousel,.hero-slide,.hero-overlay,.hero-scanline{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity .8s ease}.hero-slide.is-active{opacity:1}.hero-image{height:100%;object-fit:cover;filter:brightness(.58) saturate(.9)}.hero-overlay{background:radial-gradient(circle at center,transparent 24%,rgba(14,14,14,.72) 100%),linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%),linear-gradient(180deg,#0000002e,#00000057)}.hero-scanline{pointer-events:none;background-image:linear-gradient(to bottom,transparent 50%,rgba(0,255,136,.022) 50%);background-size:100% 4px}.hero-status,.hero-copy,.hero-toast{position:relative;z-index:1}.hero-status{width:100%;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem}.status-bar{width:min(16rem,44vw);height:1px;background:#ffffff1f;overflow:hidden;margin-bottom:.75rem}.status-bar span{display:block;width:36%;height:100%;background:var(--accent);animation:loading-bar 2s infinite ease-in-out}.hero-status p,.scroll-indicator span,.eyebrow,.intro-aside span,.gallery-card__meta span,.footer-meta,.footer-links a,.signal-meter span,.gallery-note{text-transform:uppercase;letter-spacing:.3em;font-size:.62rem}.hero-status p,.gallery-note,.footer-meta,.footer-links a{color:#e5e2e18f}.scroll-indicator{position:absolute;left:50%;bottom:2.5rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid rgba(0,255,136,.26);border-radius:999px;background:#08140d6b;box-shadow:0 0 0 1px #00ff880f inset;transform:translate(-50%);transition:border-color .22s ease,transform .22s ease,background .22s ease}.scroll-indicator:hover{border-color:#00ff8880;background:#08140d9e;transform:translate(-50%) translateY(.1rem)}.scroll-indicator__arrow{position:relative;width:.9rem;height:1.1rem;animation:scroll-bounce 1.6s infinite ease-in-out}.scroll-indicator__arrow i{position:absolute;left:50%;width:.58rem;height:.58rem;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translate(-50%) rotate(45deg)}.scroll-indicator__arrow i:first-child{top:0;opacity:.55}.scroll-indicator__arrow i:last-child{top:.34rem}.scroll-indicator span,.eyebrow,.intro-aside span,.gallery-card__meta span,.signal-meter span{color:var(--accent)}.hero-copy{position:relative;z-index:2;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.eyebrow{margin:0 0 1rem}.hero-copy h1,.intro-section h2{margin:0;max-width:10ch;font-family:var(--headline);font-weight:700;text-transform:uppercase;letter-spacing:-.05em;line-height:.9}.hero-copy h1{font-size:clamp(3rem,10vw,7.5rem)}.hero-description{margin:1.5rem 0 0;max-width:28rem;color:#e5e2e1b3;line-height:1.7}.hero-dots{display:flex;gap:.65rem;padding-bottom:.5rem}.hero-dots button{width:.85rem;height:.85rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:transparent;cursor:pointer}.hero-dots button.is-active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px #00ff8859}.hero-toast{position:absolute;left:2rem;bottom:1rem;padding:.75rem 1rem;background:#131313c7;border:1px solid var(--line);color:var(--text);font-size:.85rem}.hero-loading-panel{position:absolute;left:2rem;bottom:7rem;z-index:2;width:min(26rem,calc(100vw - 4rem));display:grid;gap:.85rem}.page-shell{padding:5rem 2rem 6rem}.intro-section,.system-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);gap:2rem;align-items:end}.intro-section{margin-bottom:4rem}.intro-section h2{font-size:clamp(2.75rem,7vw,5.5rem)}.intro-aside{justify-self:end;text-align:right}.intro-aside p,.system-copy p{max-width:26rem;color:#e5e2e199;line-height:1.8}.gallery-section{margin-bottom:6rem}.gallery-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.gallery-title{margin:.35rem 0 0;font-family:var(--headline);font-size:clamp(1.8rem,4vw,3rem);text-transform:uppercase;letter-spacing:-.04em}.gallery-controls{display:flex;gap:.75rem}.gallery-footer-pagination{display:flex;justify-content:flex-end;margin-top:1rem}.gallery-controls button{min-width:6rem;min-height:2.75rem;padding:0 1rem;border:1px solid rgba(0,255,136,.28);background:transparent;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;cursor:pointer}.gallery-controls button:disabled{opacity:.35;cursor:not-allowed}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.gallery-card{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent),#101010}.gallery-card img{height:100%;object-fit:cover;filter:grayscale(1);transition:transform .7s ease,filter .7s ease}.gallery-card:hover img{transform:scale(1.06);filter:grayscale(0)}.gallery-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.65) 100%);opacity:0;transition:opacity .3s ease}.gallery-card:hover .gallery-card__overlay{opacity:1}.gallery-card__meta{position:absolute;left:1rem;bottom:1rem;opacity:0;transform:translateY(.4rem);transition:opacity .3s ease,transform .3s ease}.gallery-card:hover .gallery-card__meta{opacity:1;transform:translateY(0)}.gallery-card__meta span{background:#0f0f0fcc;padding:.35rem .55rem}.gallery-card--placeholder div{width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(0deg,#ffffff05,#ffffff05);animation:shimmer 1.5s infinite linear}.gallery-note{margin-top:1rem}.system-section{gap:4rem}.system-card{position:relative;padding:2rem;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--line);box-shadow:var(--shadow)}.system-card__dot{position:absolute;top:1rem;right:1rem;width:.6rem;height:.6rem;border-radius:999px;background:var(--accent);box-shadow:0 0 16px #00ff8880}.system-card h3{margin:0 0 1.75rem;font-family:var(--headline);font-size:.8rem;text-transform:uppercase;letter-spacing:.3em;color:var(--accent)}.system-list{display:grid;gap:1rem}.system-list div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.08);font-family:Courier New,monospace;font-size:.72rem;color:#e5e2e194}.system-list div:last-child{border-bottom:0}.system-list strong{color:var(--text);text-align:right;font-weight:500}.system-copy{align-self:center}.system-copy a{display:inline-flex;align-items:center;gap:.8rem;margin-top:1rem;color:var(--accent);text-transform:uppercase;letter-spacing:.28em;font-size:.64rem}.system-copy a span{transition:transform .25s ease}.system-copy a:hover span{transform:translate(.35rem)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem;background:#101010;border-top:1px solid var(--line-strong)}.scroll-top-button{position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,255,136,.28);background:#0f0f0fe0;color:var(--accent);opacity:0;pointer-events:none;transform:translateY(.5rem);transition:opacity .22s ease,transform .22s ease}.scroll-top-button.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.admin-page{min-height:100vh;padding:2rem;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,#161616,#101010)}.admin-auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,#161616,#101010)}.admin-auth-card{width:min(100%,28rem);padding:2.25rem;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0a,#ffffff03),#00000047;box-shadow:var(--shadow);border-radius:1.5rem}.admin-auth-card h1{margin:0;font-family:var(--headline);font-size:clamp(2rem,5vw,3.2rem);text-transform:uppercase;letter-spacing:-.04em}.admin-auth-card p:last-of-type{color:#e5e2e1a8;line-height:1.7}.admin-auth-form{display:grid;gap:1rem;margin-top:1.5rem}.admin-hero{margin-bottom:2rem}.admin-hero h1,.admin-card h2{margin:0;font-family:var(--headline);text-transform:uppercase;letter-spacing:-.04em}.admin-hero h1{font-size:clamp(2.2rem,6vw,4.5rem)}.admin-hero p:last-child{max-width:48rem;color:#e5e2e1a8;line-height:1.7}.admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.admin-toolbar__actions{display:flex;gap:.75rem;align-items:center}.admin-toolbar label,.admin-item label{display:grid;gap:.5rem}.admin-auth-form label{display:grid;gap:.6rem}.admin-toolbar span,.admin-item span{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.admin-toolbar input,.admin-toolbar select,.admin-item input,.admin-item textarea,.admin-auth-form input{width:100%;padding:.85rem 1rem;border:1px solid var(--line);background:#ffffff08;color:var(--text);outline:none;border-radius:1rem;min-height:3rem}.admin-toolbar input:focus,.admin-toolbar select:focus,.admin-item input:focus,.admin-item textarea:focus,.admin-auth-form input:focus{border-color:#00ff8873;box-shadow:0 0 0 3px #00ff881f}.admin-toolbar a,.admin-card button,.admin-toolbar__actions button,.admin-auth-form button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1rem;border:1px solid rgba(0,255,136,.34);color:var(--accent);background:transparent;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;cursor:pointer;border-radius:999px}.admin-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.admin-card{padding:1.5rem;border:1px solid var(--line);background:#00000038;box-shadow:var(--shadow)}.admin-card__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08)}.admin-table{width:100%;border-collapse:collapse;min-width:840px}.admin-table th,.admin-table td{padding:.85rem;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:var(--accent);background:#ffffff05}.admin-table td{background:#ffffff04}.admin-table td input,.admin-table td textarea{width:100%;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);border-radius:.8rem}.admin-table td input[readonly]{color:#e5e2e18c;background:#ffffff04;cursor:not-allowed}.admin-pagination{display:flex;align-items:center;gap:.75rem}.admin-pagination span{font-size:.76rem;color:#e5e2e1b3;letter-spacing:.08em}.admin-pagination button{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:0 .9rem;border:1px solid rgba(0,255,136,.24);border-radius:999px;background:transparent;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;cursor:pointer}.admin-pagination button:disabled{opacity:.35;cursor:not-allowed}.admin-message,.admin-error{margin-top:1rem;color:var(--accent)}.admin-error{color:#ffb4ab}.admin-skeleton{height:2.8rem;background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 32%),#ffffff0a;animation:shimmer 1.5s infinite linear}.admin-skeleton--title{width:60%}.footer-links{display:flex;gap:2rem}.footer-links a:hover{color:var(--accent)}.signal-meter{display:flex;align-items:center;gap:.75rem}.signal-bars{display:flex;gap:.15rem;align-items:end}.signal-bars i{display:block;width:.28rem;height:.95rem;background:var(--accent)}.signal-bars .is-muted{opacity:.25}@keyframes loading-bar{0%,to{transform:translate(-25%)}50%{transform:translate(175%)}}@keyframes scroll-bounce{0%,to{transform:translateY(0)}45%{transform:translateY(.45rem)}60%{transform:translateY(.2rem)}}@keyframes shimmer{0%{transform:translate(-12%)}to{transform:translate(12%)}}@media(max-width:960px){.nav-links{display:none}.mobile-nav-button{display:inline-flex}.hero-copy,.intro-section,.system-section,.site-footer{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.hero-copy{align-items:flex-start}.intro-aside{justify-self:start;text-align:left}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-header{align-items:flex-start;flex-direction:column}.admin-grid{grid-template-columns:1fr}}@media(max-width:640px){.sticky-nav,.hero-section,.page-shell,.site-footer{padding-left:1rem;padding-right:1rem}.hero-section{padding-bottom:1.25rem}.hero-status{margin-bottom:2rem}.hero-copy h1,.intro-section h2{max-width:none}.hero-status{flex-direction:column;align-items:flex-start;gap:1.5rem}.scroll-indicator{bottom:4.5rem;transform:translate(-50%)}.scroll-indicator:hover{transform:translate(-50%) translateY(.1rem)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-controls{width:100%}.gallery-controls button{flex:1}.gallery-footer-pagination{justify-content:stretch}.system-list div{flex-direction:column;align-items:flex-start}.admin-page{padding:1rem}.admin-toolbar,.admin-card__header{flex-direction:column;align-items:stretch}.admin-toolbar__actions{width:100%;flex-direction:column;align-items:stretch}}
