:root{--color-primary: #C0392B;--color-primary-dark: #922B21;--color-background: #FFFFFF;--color-surface: #F5F5F5;--color-gray: #BDBDBD;--color-success: #43A047;--color-error: #E53935;--color-text: #222222;--color-text-inverse: #FFFFFF}body{background:var(--color-background);color:var(--color-text);font-family:Montserrat,Poppins,Arial,sans-serif}.dark-mode{--color-primary: #922B21;--color-primary-dark: #641E16;--color-background: #181a20;--color-surface: #232634;--color-gray: #444857;--color-success: #43A047;--color-error: #E53935;--color-text: #f5f5f5;--color-text-inverse: #FFFFFF}.input-field{width:100%;max-width:320px;padding:12px 16px;margin:8px 0;border:1px solid var(--color-primary);border-radius:8px;font-size:1rem;background:var(--color-surface);color:var(--color-text);transition:border .2s,box-shadow .2s}.input-field:focus{border:1.5px solid var(--color-primary-dark);outline:none;box-shadow:0 0 0 2px var(--color-primary) 33}.button-primary{width:100%;max-width:320px;padding:14px 0;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:8px;font-size:1.1rem;font-weight:700;margin-top:8px;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0001}.button-primary:hover,.button-primary:focus{background:var(--color-primary-dark);box-shadow:0 4px 16px #0002}@media (max-width: 600px){.central-container{max-width:100vw;padding:12px;min-height:100vh}.button-primary,.input-field{max-width:100vw;font-size:1rem;padding:12px 0}h2,h1{font-size:1.3rem;text-align:center}}@media (min-width: 601px) and (max-width: 1024px){.central-container{max-width:90vw;padding:24px;min-height:100vh}.button-primary,.input-field{max-width:90vw;font-size:1.1rem;padding:14px 0}h2,h1{font-size:1.6rem;text-align:center}}@media (min-width: 1025px){.central-container{max-width:600px;margin:0 auto;padding:32px;min-height:100vh}.button-primary,.input-field{max-width:320px;font-size:1.1rem;padding:14px 0}h2,h1{font-size:2rem;text-align:center}}