:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--color-bg:#ffffff;--color-surface:#f9f9f9;--color-border:#eaeaea;--color-text-primary:#111111;--color-text-secondary:#666666;--color-accent:#000000;--color-accent-hover:#333333;--color-error:#ef4444;--color-success:#10b981;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}@media (max-width:768px){.timeline-grid{grid-template-columns:1fr}}.btn-primary{background:var(--color-accent);color:white;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{transform:scale(.98)}.input-field{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(0,0,0,.08)}.card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow .2s ease,transform .1s ease}.card:hover{box-shadow:var(--shadow-md)}@media (min-width:768px){.mobile-nav{display:none!important}.desktop-nav-links{display:flex!important}}@media (max-width:767px){.desktop-nav-links{display:none!important}}@media (min-width:1024px){.login-hero,.register-hero{display:flex!important}}