body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 15%, rgba(50, 105, 255, .42), transparent 33%),
    radial-gradient(circle at 85% 80%, rgba(0, 192, 173, .24), transparent 34%),
    linear-gradient(135deg, #071631 0%, #102b61 48%, #071a3b 100%);
}

main { min-height: 100vh; }

.auth {
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: 0 22px 70px rgba(0, 11, 34, .34);
}

.bar, .section, .card {
  box-shadow: 0 10px 28px rgba(2, 18, 48, .13);
}

@media (max-width: 700px) {
  main { padding: 18px 12px; }
}

html body {
  background:
    radial-gradient(circle at 15% 15%, rgba(50, 105, 255, .42), transparent 33%),
    radial-gradient(circle at 85% 80%, rgba(0, 192, 173, .24), transparent 34%),
    linear-gradient(135deg, #071631 0%, #102b61 48%, #071a3b 100%) !important;
}

body::before, body::after { content:""; position:fixed; z-index:-1; width:46vmax; height:46vmax; border-radius:50%; filter:blur(45px); opacity:.32; pointer-events:none; animation:drift 17s ease-in-out infinite alternate; }
body::before { background:#287cff; top:-22vmax; left:-16vmax; }
body::after { background:#00bfa5; right:-20vmax; bottom:-24vmax; animation-delay:-8s; }
@keyframes drift { from { transform:translate3d(-4%, -3%, 0) scale(.9); } to { transform:translate3d(12%, 10%, 0) scale(1.14); } }
header { background:rgba(255,255,255,.96)!important; box-shadow:0 14px 35px rgba(0,9,38,.25)!important; }
.brand { font-size:25px; font-weight:850; letter-spacing:-1.4px; color:#0b2d66; }.brand span{color:#1374e8;font-weight:600;margin-left:5px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#3774cb;font-weight:800;margin-bottom:7px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.section-title h2{margin:0}.upload{border-top:3px solid #1374e8}.compact{padding:16px 18px}.project-form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px}.project-form input,.project-form button{margin:0}.project-chips,.members{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chip,.member{background:#eef4ff;border:1px solid #d5e3fb;border-radius:99px;padding:6px 10px;font-size:12px}.chip button,.member button{width:auto;padding:0 0 0 5px;margin:0;background:transparent;color:#bd3145;font-size:16px}.member em{font-style:normal;color:#3573d0}.project-group{margin:22px 0}.project-group h3{margin:0 0 10px}.card-top{display:flex;justify-content:space-between;align-items:center}.file-type{font-size:11px;font-weight:800;padding:4px 8px;border-radius:7px;background:#e8efff;color:#2154b6}.file-type.android{background:#e1f8ec;color:#138549}.file-type.ios{background:#eff0f4;color:#38404d}.file-type.windows{background:#e6f3ff;color:#1470bc}.file-type.linux{background:#fff0db;color:#a25a0b}.file-type.archive{background:#f1e9ff;color:#7242a4}.file-name{font-size:12px;color:#567;word-break:break-word}.empty{padding:28px;border:1px dashed #b6c8e5;border-radius:10px;color:#59709b;text-align:center}@media(max-width:700px){.project-form{grid-template-columns:1fr}.section-title{gap:8px;flex-direction:column}}