:root{--background:#000;--foreground:#fff;--primary:#3498db;--primary-glow:#3498db66;--secondary:#1a1a1a;--accent:#7928ca;--accent-glow:#7928ca66;--text-muted:#95a5a6;--card-bg:#1a1a1a;--card-border:#2a2a2a;--success:#00b06b;--error:#ff453a}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.8rem 1.6rem;font-weight:600;transition:all .3s;display:inline-block;box-shadow:0 4px 14px #0076ff63}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0076ff3b}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);z-index:100;background:#0a0a0acc;padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-weight:500}.nav-links a:hover{color:#fff}.layout-flex-3col{grid-template-columns:240px 1fr 280px;align-items:start;gap:1.5rem;max-width:100%;margin-top:2rem;margin-left:auto;margin-right:auto;padding:0 20px;display:grid}.left-sidebar-area,.sidebar-area{align-self:start;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.main-content-area{min-width:0}@media (max-width:1200px){.layout-flex-3col{grid-template-columns:1fr 280px}.layout-flex-3col>aside:first-child{display:none}}@media (max-width:768px){.layout-flex-3col{grid-template-columns:1fr}.layout-flex-3col>aside{display:none}}.main-content{min-height:80vh}.footer{border-top:1px solid var(--card-border);text-align:center;color:var(--text-muted);margin-top:4rem;padding:2rem 0}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;transition:opacity .2s;display:inline-block}.btn:hover{opacity:.9}.layout-flex{align-items:flex-start;gap:20px;padding:2rem 0;display:flex}.main-content-area{flex:1;width:0}.sidebar-area{flex-shrink:0;width:250px}@media (max-width:768px){.layout-flex{flex-direction:column}.sidebar-area{width:100%;margin-top:2rem}}