*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#08090d;--surface:#0f1118;--surface2:#161820;--border:rgba(255,255,255,0.08);--border2:rgba(255,255,255,0.15);--text:#e8eaf4;--muted:#5868a0;--hint:#282e48;--mono:'Courier New',monospace;--serif:Georgia,serif;--green:#40e890;--teal:#30d8c8;}
body{background:var(--bg);color:var(--text);font-family:var(--mono);min-height:100vh}
.header{padding:28px 32px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.logo{font-family:var(--serif);font-size:22px;font-style:italic}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px;animation:pulse 2s infinite;vertical-align:middle}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
.logout-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:11px;padding:5px 14px;cursor:pointer;border-radius:4px;text-decoration:none;transition:all .15s}
.logout-btn:hover{color:var(--text);border-color:var(--border2)}
.main{padding:32px;max-width:1100px;margin:0 auto}
.section-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.section-label:first-of-type{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 20px 44px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s,transform .12s;position:relative;overflow:hidden}
.card:hover{border-color:var(--border2);background:var(--surface2);transform:translateY(-2px)}
.card-stripe{position:absolute;top:0;left:0;right:0;height:2px}
.card-icon{font-size:11px;font-weight:600;color:var(--teal);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}
.card-title{font-family:var(--serif);font-size:16px;font-style:italic;font-weight:normal;color:var(--text);margin-bottom:7px;line-height:1.2}
.card-desc{font-size:11px;color:var(--muted);line-height:1.75;flex:1}
.card-arrow{position:absolute;bottom:16px;right:16px;font-size:14px;color:var(--hint);transition:color .15s,transform .15s}
.card:hover .card-arrow{color:var(--muted);transform:translateX(3px)}
.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.chip{font-size:9px;padding:2px 7px;border-radius:3px;background:rgba(255,255,255,.05);color:var(--muted);border:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase}
#auth-loading{text-align:center;padding:80px;color:var(--muted);font-size:13px}
#app{display:none}
.footer{text-align:center;padding:24px 32px;font-size:11px;color:var(--hint);border-top:1px solid var(--border)}
@media(max-width:600px){.header{padding:20px}.main{padding:20px 16px}.cards{grid-template-columns:1fr}}