:root{--pink:#ff3dbb;--cyan:#3cf7ff;--violet:#713cff;--dark:#08051b;--panel:#15102f;--text:#fff7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 15% 10%,#4a1264 0,transparent 32%),radial-gradient(circle at 85% 25%,#073f60 0,transparent 28%),linear-gradient(160deg,#060316,#12072b 65%,#020611);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 4px}.login-page{display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);padding:34px;border:1px solid var(--cyan);border-radius:24px;background:rgba(9,6,31,.9);box-shadow:0 0 40px rgba(60,247,255,.25),inset 0 0 28px rgba(255,61,187,.1);text-align:center}.logo-orbit,.mini-logo{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));border:2px solid #fff;border-radius:50%;font-weight:900;transform:rotate(-8deg);box-shadow:0 0 20px var(--pink)}.logo-orbit{width:86px;height:86px;font-size:30px}.mini-logo{width:46px;height:46px;margin-right:10px}.tagline{color:var(--cyan);letter-spacing:.12em}.login-card label{display:block;margin:18px 0;text-align:left;font-weight:700}.login-card input{width:100%;margin-top:7px;padding:14px;border:1px solid #705aa0;border-radius:12px;background:#09061c;color:white;font-size:17px}.login-card button,.userbox button{border:0;border-radius:999px;padding:13px 20px;background:linear-gradient(90deg,var(--pink),var(--violet));color:white;font-weight:900;cursor:pointer}.privacy{font-size:12px;color:#b8acd7}.error{padding:12px;border:1px solid #ff6699;border-radius:10px;background:#4d102b}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(14px,4vw,48px);background:rgba(5,3,20,.88);backdrop-filter:blur(14px);border-bottom:1px solid #4f3b7c}.topbar>div,.userbox,.userbox form{display:flex;align-items:center;gap:12px}.hero{padding:clamp(45px,8vw,95px) 20px 35px;text-align:center}.hero p{margin:0;color:var(--cyan);font-weight:900;letter-spacing:.28em}.hero h1{margin:12px 0;font-size:clamp(34px,7vw,78px);line-height:.95;text-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--violet)}.hero span{color:#c8bdf0}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 28px;padding:0 14px}.filters a{padding:11px 18px;border:1px solid #5d4a88;border-radius:999px;color:white;text-decoration:none;background:#160f35}.filters a.active{border-color:var(--cyan);box-shadow:0 0 16px rgba(60,247,255,.38)}.filters b{color:var(--cyan)}.media-grid{width:min(1500px,94vw);margin:auto;padding-bottom:60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.media-card{overflow:hidden;border:1px solid #4c3b76;border-radius:18px;background:rgba(19,13,48,.88);box-shadow:0 12px 28px rgba(0,0,0,.28)}.photo-open{display:block;width:100%;padding:0;border:0;background:#03020b;cursor:zoom-in}.media-card img,.media-card video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#03020b}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px}.card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta a,.download{color:var(--cyan);font-weight:800}.empty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed #685695;border-radius:18px}dialog{width:min(1100px,96vw);border:1px solid var(--cyan);border-radius:18px;background:#08051b;color:white;padding:16px}dialog::backdrop{background:rgba(0,0,0,.88)}dialog img{display:block;max-width:100%;max-height:78vh;margin:auto}.close{position:absolute;right:10px;top:7px;width:42px;height:42px;border:0;border-radius:50%;background:#000b;color:white;font-size:32px;cursor:pointer}dialog p{text-align:center;font-weight:800}@media(max-width:650px){.topbar strong{display:none}.userbox span{max-width:90px;overflow:hidden;text-overflow:ellipsis}.media-grid{grid-template-columns:1fr}.hero h1{text-shadow:2px 2px 0 var(--pink)}.login-card{padding:26px 20px}}