body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:linear-gradient(90deg,#252b31 43%,#303941);color:#fff}a{color:#ffe664;text-decoration:none}.wrap{max-width:460px;margin:24px auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topbar h1{font-size:20px;margin:0}.auth-card{border:1px solid #3a4450;background:#21272e;border-radius:14px;padding:16px}.box{display:grid;gap:12px}label{font-size:14px;opacity:.95}input{padding:10px 12px;border:1px solid #3a4450;border-radius:10px;font-size:16px;background:#2a3138;color:#fff}button{padding:10px 12px;border-radius:10px;border:none;cursor:pointer;background:#ffe664;color:#303941;font-weight:600;transition:transform .05s ease}button:active{transform:translateY(1px)}button.secondary{background:transparent;color:#ffe664;border:1px solid #ffe664}button.small{padding:6px 10px;font-size:14px}button.linklike{background:transparent;border:none;color:#ffe664;padding:0;cursor:pointer}.msg{margin-top:6px}.hint,.muted{opacity:.8;font-size:12px}code{background:#fff;color:#303941;border-radius:6px;padding:1px 6px}.offers{margin-top:16px;display:grid;gap:10px;padding-left:0}.offer{padding:10px;border:1px solid #3a4450;border-radius:10px;background:#2a3138;list-style:none}.row{display:flex;justify-content:space-between;gap:8px;align-items:center}.row.sm{font-size:12px;opacity:.92}.row.g8{display:flex;gap:8px}.modal{position:fixed;inset:0;background:#0006;display:grid;place-items:center;padding:16px;z-index:50;overflow-y:auto;overflow-x:hidden}.modal-card{width:95%;max-width:720px;background:#21272e;border:1px solid #3a4450;border-radius:14px;padding:14px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal .close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.attach{border:1px solid #3a4450;border-radius:10px;padding:10px;background:#2a3138}.attach .name{font-weight:600;margin-bottom:6px}.attach img{width:100%;height:auto;border-radius:8px;margin-bottom:6px;display:block}.attach .meta{font-size:12px;opacity:.8;margin-top:4px}.btn-all{text-align:center;margin:12px auto 0}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#111;padding:10px 14px;border-radius:12px;border:1px solid #333}.spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:#000000b3;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}