:root{--bg: #f7f5f0;--bg2: #edeae2;--surface: #ffffff;--surface2: #f2efe8;--border: #ddd8cc;--border2: #c8c2b4;--text: #1a1a1a;--text2: #3d3d3d;--muted: #6b6660;--dim: #9e9890;--gold: #e07b00;--gold-bg: rgba(224,123,0,.08);--gold-bdr: rgba(224,123,0,.2);--sky: #1a6fc4;--sky-bg: rgba(26,111,196,.08);--mint: #0e8a5a;--mint-bg: rgba(14,138,90,.08);--rose: #c43b5a;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.12);--nav-bg: rgba(247,245,240,.92);--radius: 12px;--radius-lg: 18px;--nav-h: 60px}[data-theme=dark]{--bg: #0d1018;--bg2: #111622;--surface: #161e2e;--surface2: #1c2438;--border: #2a3450;--border2: #384260;--text: #eef0f7;--text2: #c8cfe0;--muted: #8896b8;--dim: #5a6a8a;--gold: #f5a623;--gold-bg: rgba(245,166,35,.1);--gold-bdr: rgba(245,166,35,.25);--sky: #4f9cf9;--sky-bg: rgba(79,156,249,.1);--mint: #23d18b;--mint-bg: rgba(35,209,139,.1);--rose: #ff6b8a;--shadow-sm: 0 1px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);--nav-bg: rgba(13,16,24,.92)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;transition:background .3s,color .3s;min-height:100vh}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.font-display{font-family:Fraunces,serif}.container{max-width:1160px;margin:0 auto;padding:0 24px}.page{padding-top:var(--nav-h);min-height:100vh}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:10px;font-size:.84rem;font-weight:600;transition:all .2s;white-space:nowrap;cursor:pointer;border:none}.btn-primary{background:var(--gold);color:#fff;box-shadow:0 2px 8px #e07b0040}[data-theme=dark] .btn-primary{color:#000}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1.5px solid var(--border2);color:var(--muted)}.btn-ghost:hover{border-color:var(--text);color:var(--text)}.btn-outline{background:transparent;border:1.5px solid var(--gold);color:var(--gold)}.btn-outline:hover{background:var(--gold);color:#fff}[data-theme=dark] .btn-outline:hover{color:#000}.btn-sky{background:var(--sky);color:#fff}.btn-sky:hover{filter:brightness(1.1)}.btn-lg{padding:12px 28px;font-size:.92rem;border-radius:12px}.btn-sm{padding:6px 14px;font-size:.76rem;border-radius:8px}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:700}.badge-online{background:var(--mint-bg);color:var(--mint);border:1px solid rgba(14,138,90,.2)}.badge-offline{background:var(--sky-bg);color:var(--sky);border:1px solid rgba(26,111,196,.2)}.badge-both{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-bdr)}.badge-inst{background:var(--rose);color:#fff}.badge-verified{background:var(--mint-bg);color:var(--mint);border:1px solid rgba(14,138,90,.2)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text2);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-size:.88rem;outline:none;transition:border-color .2s}.form-control:focus{border-color:var(--gold)}.form-control::placeholder{color:var(--dim)}textarea.form-control{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:.72rem;color:var(--dim);margin-top:4px}.form-error{font-size:.72rem;color:var(--rose);margin-top:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tag{padding:2px 9px;border-radius:6px;font-size:.68rem;background:var(--surface2);color:var(--muted);border:1px solid var(--border);display:inline-block}.section-title{font-family:Fraunces,serif;font-size:1.9rem;font-weight:900;letter-spacing:-.5px;margin-bottom:8px}.section-sub{color:var(--muted);margin-bottom:40px;font-size:.95rem}.field-section{font-size:.7rem;font-weight:800;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-family:Fraunces,serif;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:32px;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:28px;right:28px;z-index:999;background:var(--text);color:var(--bg);border-radius:12px;padding:12px 20px;font-size:.84rem;font-weight:500;box-shadow:var(--shadow-lg);max-width:320px;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.dot-blink{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.hide-mobile{display:none!important}}