*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a1a2e;--secondary:#16213e;--accent:#0f3460;--purple:#533ab7;--teal:#0f6e56;--amber:#ba7517;--red:#a32d2d;--green:#3b6d11;--blue:#185fa5;--bg:#f8f9fa;--card:#fff;--border:#e9ecef;--text:#212529;--text2:#6c757d;--shadow:0 2px 8px #00000014}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}input,select,textarea{outline:none;font-family:inherit}