:root{--ink:#07131f;--ink-soft:#132536;--fog:#e8f0f4;--mist:#b7c9d4;--teal:#1fa7a0;--teal-deep:#0e7a74;--sand:#f3ebe0;--danger:#c44b3c;--radius:14px;--font-display:"Syne", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;color:var(--fog);background:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ink);min-width:320px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit}.app{min-height:100vh;position:relative;overflow-x:hidden}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 20%,#1fa7a047,#0000 60%),radial-gradient(50% 45% at 85% 10%,#f3ebe01f,#0000 55%),radial-gradient(40% 40% at 60% 60%,#132536e6,#0000 70%);height:70vh;animation:18s ease-in-out infinite alternate drift;position:fixed;inset:-20% -10% auto}.bg-grain{pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2%,3%)scale(1.05)}}.site-header,.site-main{z-index:1;position:relative}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem clamp(1.25rem,4vw,3rem);display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.admin-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--teal);border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:700}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07131fb8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal-card{background:#102434;border:1px solid #b7c9d433;border-radius:18px;width:min(420px,100%);padding:1.5rem;animation:.35s both rise}.modal-card h2{font-family:var(--font-display);margin:0;font-size:1.45rem}.modal-card>p{color:var(--mist);margin:.55rem 0 1.2rem;line-height:1.45}a.btn{text-decoration:none}.brand{color:var(--fog);background:0 0;border:0;align-items:center;gap:.7rem;padding:0;display:inline-flex}.brand-mark{object-fit:cover;background:#0b1f3a;border-radius:.55rem;width:2.4rem;height:2.4rem;display:block}.brand-name{font-family:var(--font-display);letter-spacing:.12em;font-size:.95rem;font-weight:700}.site-main{width:min(920px,100%);margin:0 auto;padding:.5rem clamp(1.25rem,4vw,3rem) 4rem}.hero{padding:2.5rem 0 2rem;animation:.7s both rise}.brand-hero{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(120deg, var(--fog) 20%, var(--teal) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.4rem,12vw,6.5rem);font-weight:800;line-height:.9}.hero-lead{max-width:34rem;color:var(--mist);margin:1.1rem 0 1.75rem;font-size:1.1rem;line-height:1.55}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.25rem;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--teal);color:var(--ink);font-weight:700}.btn.primary:hover:not(:disabled){background:#2bc0b8}.btn.ghost{color:var(--fog);background:0 0;border-color:#b7c9d447}.btn.ghost:hover:not(:disabled){background:#ffffff0a;border-color:#b7c9d48c}.btn.danger{color:#ffb4a9;border-color:#c44b3c59}.btn.danger:hover:not(:disabled){background:#c44b3c26}.loading{color:var(--mist);padding:3rem 0}.empty-state,.platform-list,.platform-form,.platform-detail{animation:.55s both rise}.empty-state{border-top:1px solid #b7c9d426;margin-top:1rem;padding:2.5rem 0}.empty-state h2,.list-head h2,.form-header h2,.detail-copy h2,.detail-pdfs h3{font-family:var(--font-display);margin:0}.empty-state h2{font-size:1.7rem}.empty-state p{color:var(--mist);max-width:28rem;margin:.75rem 0 1.5rem;line-height:1.5}.list-head{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 1.25rem;display:flex}.list-head h2{font-size:1.45rem}.platform-list ul,.file-list{margin:0;padding:0;list-style:none}.platform-list ul{gap:.65rem;display:grid}.platform-row{text-align:left;border-radius:var(--radius);width:100%;color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1325368c;border:1px solid #b7c9d429;grid-template-columns:4.2rem 1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem .75rem .75rem;transition:border-color .2s,background .2s,transform .2s;display:grid}.platform-row:hover{background:#132536d9;border-color:#1fa7a073;transform:translate(4px)}.thumb{background:linear-gradient(145deg,#1a3348,#0d1f2e);border-radius:10px;place-items:center;width:4.2rem;height:4.2rem;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-letter{font-family:var(--font-display);color:var(--teal);font-size:1.4rem;font-weight:700}.row-copy{gap:.2rem;min-width:0;display:grid}.row-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.row-copy span,.meta,.file-list span{color:var(--mist);font-size:.9rem}.chevron{color:var(--teal);font-size:1.2rem}.platform-form,.platform-detail{padding-top:.5rem}.form-header{margin-bottom:1.75rem}.form-header h2{font-size:1.8rem}.form-header p,.detail-pdfs p{color:var(--mist);margin:.5rem 0 0}.field{gap:.55rem;margin-bottom:1.35rem;display:grid}.field>span{letter-spacing:.04em;text-transform:uppercase;color:var(--mist);font-size:.85rem}.field input[type=text]{width:100%;color:var(--fog);background:#07131fa6;border:1px solid #b7c9d438;border-radius:12px;outline:none;padding:.9rem 1rem;transition:border-color .2s}.field input[type=text]:focus{border-color:var(--teal)}.drop-zone{border-radius:var(--radius);width:100%;min-height:7.5rem;color:var(--fog);background:#1fa7a00f;border:1px dashed #1fa7a073;place-content:center;gap:.35rem;transition:background .2s,border-color .2s;display:grid}.drop-zone:hover{border-color:var(--teal);background:#1fa7a01f}.drop-zone strong{font-family:var(--font-display)}.drop-zone span{color:var(--mist);font-size:.9rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.media-thumb{aspect-ratio:1;background:#1325368c;border:1px solid #b7c9d42e;border-radius:12px;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.thumb-remove{width:1.6rem;height:1.6rem;color:var(--fog);background:#07131fbf;border:0;border-radius:999px;place-items:center;font-size:1.1rem;line-height:1;display:grid;position:absolute;top:.35rem;right:.35rem}.thumb-remove:hover{background:#c44b3ce6}.thumb-name{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#07131fd9);padding:.35rem .45rem;font-size:.7rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gallery-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.gallery-list li{gap:.75rem;display:grid}@media (width>=720px){.gallery-list li{grid-template-columns:180px 1fr auto;align-items:center}}.gallery-list .detail-photo{aspect-ratio:4/3;max-height:180px}.gallery-meta{gap:.2rem;min-width:0;display:grid}.gallery-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gallery-meta span{color:var(--mist);font-size:.9rem}.file-list{gap:.55rem;margin-top:.85rem;display:grid}.file-list li{background:#13253673;border:1px solid #b7c9d429;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.file-list li>div{gap:.15rem;min-width:0;display:grid}.file-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-error{color:#ffb4a9;background:#c44b3c1f;border:1px solid #c44b3c47;border-radius:10px;margin:0 0 1rem;padding:.75rem 1rem}.form-actions,.detail-actions{flex-wrap:wrap;gap:.65rem;display:flex}.form-actions{margin-top:.5rem;padding-top:.5rem}.back-link{color:var(--mist);background:0 0;border:0;margin-bottom:1.5rem;padding:0}.back-link:hover{color:var(--fog)}.detail-hero{gap:1.5rem;margin-bottom:2.25rem;display:grid}@media (width>=720px){.detail-hero{grid-template-columns:280px 1fr;align-items:end}.header-cta{display:inline-flex}}.detail-photo{aspect-ratio:1;object-fit:cover;border:1px solid #b7c9d42e;border-radius:18px;width:100%}.detail-photo.placeholder{font-family:var(--font-display);color:var(--teal);background:linear-gradient(145deg,#1a3348,#0d1f2e);place-items:center;font-size:4rem;font-weight:700;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--teal);margin:0 0 .4rem;font-size:.75rem}.detail-copy h2{letter-spacing:-.03em;font-size:clamp(2rem,5vw,2.8rem)}.meta{margin:.6rem 0 1.25rem}.detail-pdfs h3{margin-bottom:.85rem;font-size:1.2rem}@media (width<=719px){.header-cta{display:none}.platform-row{grid-template-columns:3.4rem 1fr auto}.thumb{width:3.4rem;height:3.4rem}}