*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;background:#0b1437;color:#e8ebff}
a{color:#8b7dff}.wrap{max-width:1000px;margin:0 auto;padding:20px}
.box{max-width:400px;margin:8vh auto;background:#121c4a;padding:28px;border-radius:18px}
h1,h2{margin:.2em 0 .6em}input,button,.btn{width:100%;padding:12px;margin:6px 0;border-radius:12px;border:1px solid #2a3770;background:#0b1437;color:#fff;font-size:1rem}
button,.btn{background:#6d5dfc;border:0;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;color:#fff}
.err{background:#4a1d2b;padding:10px;border-radius:10px;margin-bottom:8px}
nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px;flex-wrap:wrap}nav .btn{width:auto;padding:8px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:#121c4a;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.card img,.ph{width:100%;height:130px;object-fit:cover;background:#1b2760}.card div{padding:14px;flex:1}
.card p{font-size:.85rem;color:#aab3e6}.card .btn{border-radius:0;margin:0}.lock{background:#2a3770}
.tag{font-size:.75rem;background:#6d5dfc33;padding:3px 10px;border-radius:99px}