:root{--primary-color: #22183b;--secondary-color: #361684;--tertiary-color: #f9f9f9;--accent-color: #753fff;--border-color: #4f2ea0;--bg-white: #ffffff;--bg-light: #f9f9f9;--bg-hover: #f0f0f0e2;--font-family: "Inter", sans-serif;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 48px;--spacing-xxl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 60px;--grad-1: #c1b6fa;--grad-2: #fff584;--grad-3: #fff584;--grad-4: #c1b6fa}html{scroll-behavior:smooth}body{margin:0}h1{font-family:var(--font-family);font-size:var(--font-size-xxl);font-weight:800;color:var(--primary-color);text-align:center}h2{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}h3{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;color:var(--primary-color);text-align:center}button{font-size:var(--font-size-base);font-weight:700;color:var(--tertiary-color);background-color:var(--primary-color);border-radius:var(--radius-full);padding:12px 20px;border:0;margin:5px 30px}button:hover{transition:.3s ease;background-color:var(--secondary-color);cursor:pointer}.login-register{width:100%;max-width:320px;text-align:center}form{display:flex;flex-direction:column;gap:var(--spacing-md)}label{font-family:var(--font-family);font-weight:400;color:var(--primary-color)}input,textarea{font-size:var(--font-size-sm);box-sizing:border-box}input.ng-valid,input.ng-invalid,input.ng-touched,textarea.ng-valid,textarea.ng-invalid,textarea.ng-touched{width:100%;padding:10px 12px 10px var(--spacing-lg);margin:0;border:1px solid var(--border-color);outline:none}@media(min-width:600px){:root{--font-size-sm: 15px;--font-size-base: 17px;--font-size-md: 19px;--font-size-lg: 22px;--font-size-xl: 26px;--font-size-xxl: 36px;--spacing-xl: 56px;--spacing-xxl: 72px}.login-register{max-width:420px}}@media(min-width:1024px){:root{--font-size-sm: 16px;--font-size-base: 18px;--font-size-md: 20px;--font-size-lg: 24px;--font-size-xl: 28px;--font-size-xxl: 40px;--spacing-xl: 64px;--spacing-xxl: 80px}.login-register{max-width:480px}button{margin:5px 40px}}