@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/nunito-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/nunito-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/nunito-latin-700-normal.woff2)format("woff2")}:root{--font-sans:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--primary-color:oklch(70% .14 255);--tertiary-color:oklch(70% .14 298);--secondary-color:oklch(70% .14 340);--primary-gradient:linear-gradient(to right, oklch(70% .14 255), oklch(70% .14 298), oklch(70% .14 340));--heading-color:oklch(50% .14 255);--primary-border:#3b74db33;--primary-hover:#3b74dbcc;--tertiary-border:#9e6cdb33;--tertiary-hover:#9e6cdbcc;--secondary-border:#db5a9c33;--secondary-hover:#db5a9ccc;--color-bg:#fff;--color-surface:#fff;--color-text:#374151;--color-muted:#4b5563;--color-border:#d1d5db;--color-accent:var(--primary-color);--color-accent-contrast:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:oklch(60% .19 25);--color-error-bg:#fdecec;--color-error-text:#8a1c1c;--color-error-border:#e3a3a3;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--control-height:2.75rem;--radius:10px;--radius-lg:16px;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lift:0 12px 20px -6px #00000029, 0 4px 8px -2px #0000001a;--motion-fast:.2s ease-in-out;--gradient-pan:15s}@supports (color:oklch(from red l c h)){:root{--primary-border:oklch(from var(--primary-color) l c h / 20%);--primary-hover:oklch(from var(--primary-color) l c h / 80%);--tertiary-border:oklch(from var(--tertiary-color) l c h / 20%);--tertiary-hover:oklch(from var(--tertiary-color) l c h / 80%);--secondary-border:oklch(from var(--secondary-color) l c h / 20%);--secondary-hover:oklch(from var(--secondary-color) l c h / 80%)}}@media (prefers-color-scheme:dark){:root{--color-bg:#121212;--color-surface:#1c1c1e;--color-text:#e5e7eb;--color-muted:#b8bcc2;--color-border:#3a3d42;--color-accent-contrast:#05122b;--color-error-bg:#3a1616;--color-error-text:#ffb4b4;--color-error-border:#7a3030;--heading-color:oklch(82% .1 255);--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lift:0 12px 20px -6px #00000080, 0 4px 8px -2px #0006}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);-webkit-text-size-adjust:100%;background:var(--primary-gradient);animation:gradient-pan var(--gradient-pan) ease infinite;background-size:200%;min-height:100vh;font-size:.95rem;line-height:1.5}@media (width>=640px){body{font-size:1rem}}@keyframes gradient-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}h1,h2,h3{color:var(--heading-color);text-wrap:balance;font-weight:700}h1{font-size:1.5rem;line-height:1.2}h2{font-size:1.25rem;line-height:1.3}h3{font-size:1.1rem;line-height:1.4}@media (width>=640px){h1{font-size:1.75rem}h2{font-size:1.5rem}}@media (width>=1024px){h1{font-size:2rem}h2{font-size:1.75rem}}p{color:var(--color-text)}a{color:var(--primary-color)}header,footer{background:var(--primary-gradient);animation:gradient-pan var(--gradient-pan) ease infinite;color:#fff;background-size:200%}header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}header .brand{color:#fff;font-size:1.125rem;font-weight:700;text-decoration:none}header nav{gap:var(--space-3);flex-wrap:wrap;display:flex}header nav a{color:#fff;padding:var(--space-1) var(--space-1);border-radius:var(--radius);min-height:var(--control-height);align-items:center;text-decoration:none;display:inline-flex}header nav a:hover{background:#ffffff26}footer{padding:var(--space-4);text-align:center;margin-top:var(--space-5);font-size:.875rem}main{max-width:32rem;margin:var(--space-4) auto;padding:var(--space-4);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@media (width>=640px){main{padding:var(--space-5)}}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4);transition:transform var(--motion-fast), box-shadow var(--motion-fast)}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}form{gap:var(--space-4);margin-top:var(--space-3);flex-direction:column;display:flex}.field{padding-top:.6rem;position:relative}.field label{top:0;left:var(--space-2);background:var(--color-surface);color:var(--secondary-color);pointer-events:none;padding:0 .4em;font-size:.75rem;font-weight:700;line-height:1;position:absolute;transform:translateY(-50%)}form>label{font-size:.9375rem;font-weight:600}input{font:inherit;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:100%;font-size:1rem}input:invalid:not(:placeholder-shown){border-color:var(--color-error)}button{font:inherit;min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius);background:var(--primary-color);border:2px solid var(--primary-border);color:var(--color-accent-contrast);cursor:pointer;transition:background-color var(--motion-fast);font-weight:700}button:hover{background:var(--primary-hover)}button.secondary{background:var(--secondary-color);border-color:var(--secondary-border)}button.secondary:hover{background:var(--secondary-hover)}button.tertiary{background:var(--tertiary-color);border-color:var(--tertiary-border)}button.tertiary:hover{background:var(--tertiary-hover)}button.danger{background:var(--color-error);border-color:#dc262633}button.danger:hover{background:#dc2626cc}button.link{color:var(--primary-color);padding:var(--space-1) 0;background:0 0;border:none;min-height:auto;font-weight:500;text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:0;font-size:.9375rem}small{color:var(--color-muted);font-size:.8125rem}@media (width<=30rem){main{margin:var(--space-3);padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}