:root{--small-gap: 8px;--medium-gap: 16px;--large-gap: 24px;--very-large-gap: 40px;--navbar-height: 48px;--main-card-height: 200px;--subtitle-line-width-in-percent: 90%;--font-color-main: #000000;--font-color-secondary: #FFFFFF;--color-main: #C41F52;--color-secondary: #2AEB40;--color-tertiary: #7B3B4E}html{scroll-behavior:smooth}html,body{font-family:Inter;width:100%;height:100%;margin:0;padding:0}body{padding-top:var(--navbar-height)}*{padding:0;margin:0}h1{color:var(--color-main)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer}.btn-primary{background:var(--color-main);color:#fff;border:2px solid var(--color-main)}.btn-primary:hover{background:var(--color-tertiary);border-color:var(--color-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #eb2a644d}.btn-secondary{background:transparent;color:var(--color-main);border:2px solid var(--color-main)}.btn-secondary:hover{background:var(--color-main);color:#fff;transform:translateY(-2px)}.btn-large{padding:18px 40px;font-size:1.1rem}.subtitle{color:#888;font-style:italic;max-width:fit-content;display:inline;background:linear-gradient(to right,#888 var(--subtitle-line-width-in-percent),transparent var(--subtitle-line-width-in-percent));background-repeat:no-repeat;background-size:var(--subtitle-line-width-in-percent) 2px;background-position:calc(var(--subtitle-line-width-in-percent) / 2) 100%;padding-bottom:2px}
