:root{--color-primary:#fe0123;--color-primary-hover:#a30000;--color-text-main:#0d141b;--color-text-sub:#4c739a;--color-bg-light:#f6f7f8;--color-bg-white:#fff;--color-border:#e7edf3;--color-success:#10b981;--color-danger:#f43f5e;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--font-main:"Inter",sans-serif;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-light);color:var(--color-text-main);font-family:var(--font-main),sans-serif;line-height:1.5}a{color:inherit;text-decoration:none;transition:color .2s}button{background:none;border:none;cursor:pointer;font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.container-narrow{margin:0 auto;max-width:800px}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-sub{color:var(--color-text-sub)}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background-color:#000;color:#fff}.btn-primary:hover{background-color:var(--color-primary);color:#fff}.btn-outline{background-color:var(--color-bg-white);border:1px solid var(--color-border);color:var(--color-text-main)}.btn-outline:hover{background-color:var(--color-bg-light)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card,.input-wrapper{background-color:var(--color-bg-white)}.input-wrapper{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;padding:.5rem 1rem;transition:box-shadow .2s}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #d000001a}.input-field{background:transparent;border:none;color:var(--color-text-main);font-size:1rem;outline:none;width:100%}.badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.25rem .5rem;text-transform:uppercase}