*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{width:100%;min-height:100%}body,#root{width:100%;min-height:100vh}img,picture,svg,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-primary:#d896ff;--color-primary-hover:#c979f5;--color-primary-light:#f5e8ff;--color-black:#111;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-500:#737373;--color-gray-700:#404040;--color-gray-900:#171717;--color-background:var(--color-white);--color-surface:var(--color-gray-50);--color-text:var(--color-black);--color-text-secondary:var(--color-gray-500);--color-border:var(--color-gray-200);--navbar-height:72px;--max-content-width:1200px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--spacing-2xl:6rem;--spacing-3xl:8rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 6px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 48px #0000001f;--transition-fast:.2s ease;--transition-normal:.3s ease}body{color:var(--color-text);font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3{color:var(--color-text);line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:1.5rem;font-weight:700}p{color:var(--color-text-secondary)}body{background-color:var(--color-background)}.container{width:min(calc(100% - (var(--spacing-md) * 2)), var(--max-content-width));margin-inline:auto}.section{padding-block:var(--spacing-2xl)}.button{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:0;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex}@media (width>=768px){.container{width:min(calc(100% - (var(--spacing-lg) * 2)), var(--max-content-width))}}@media (width<=600px){.section{padding-block:var(--spacing-xl)}}.navbar{z-index:1000;width:100%;min-height:var(--navbar-height);border-bottom:2px solid var(--color-primary);-webkit-backdrop-filter:blur(12px);background-color:#fffffff5;position:sticky;top:0}.navbar__container{width:100%;min-height:var(--navbar-height);padding-inline:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.navbar__brand{align-items:center;gap:var(--spacing-sm);color:var(--color-text);white-space:nowrap;text-decoration:none;display:inline-flex}.navbar__logo{object-fit:contain;flex-shrink:0;width:3rem;height:3rem;display:block}.navbar__brand-text{flex-direction:column;line-height:1.1;display:flex}.navbar__brand-title{color:var(--color-text);letter-spacing:-.02em;font-size:1.0625rem;font-weight:700}.navbar__brand-subtitle{color:var(--color-text-secondary);letter-spacing:.01em;margin-top:.2rem;font-size:.75rem;font-weight:500}.navbar__navigation{justify-content:flex-end;align-items:center;gap:var(--spacing-xl);flex:1;display:flex}.navbar__links{align-items:center;gap:var(--spacing-lg);margin:0;padding:0;list-style:none;display:flex}.navbar__link,.navbar__login{color:var(--color-text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast);font-size:.9375rem;font-weight:500;text-decoration:none;position:relative}.navbar__link:hover,.navbar__login:hover{color:var(--color-text)}.navbar__link:after{content:"";background-color:var(--color-primary);border-radius:var(--radius-sm);transform-origin:50%;height:2px;transition:transform var(--transition-fast);position:absolute;bottom:-.5rem;left:0;right:0;transform:scaleX(0)}.navbar__link:hover:after,.navbar__link--active:after{transform:scaleX(1)}.navbar__link--active{color:var(--color-text)}.navbar__actions{align-items:center;gap:var(--spacing-md);display:flex}.navbar__login{border-radius:var(--radius-md);min-height:2.75rem;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;padding-inline:1rem;display:inline-flex}.navbar__login:hover{color:var(--color-black);background-color:var(--color-primary-light);border-color:var(--color-primary)}.navbar__menu-button{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:2.75rem;height:2.75rem;transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:#0000;padding:0;display:none}.navbar__menu-button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.navbar__menu-button span{background-color:var(--color-black);border-radius:var(--radius-sm);width:1.25rem;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);margin:.25rem auto;display:block}.navbar__link:focus-visible,.navbar__login:focus-visible,.navbar__brand:focus-visible,.navbar__menu-button:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:3px}@media (width<=800px){.navbar__container{padding-inline:var(--spacing-md);position:relative}.navbar__logo{width:2.75rem;height:2.75rem}.navbar__menu-button{flex-shrink:0;display:block}.navbar__navigation{align-items:stretch;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md);border-top:0;flex-direction:column;display:none;position:absolute;top:calc(100% + 2px);left:0;right:0}.navbar__navigation--open{display:flex}.navbar__links{align-items:stretch;gap:var(--spacing-xs);flex-direction:column}.navbar__link{padding:.75rem var(--spacing-md);border-radius:var(--radius-md);display:block}.navbar__link:hover,.navbar__link--active{color:var(--color-black);background-color:var(--color-primary-light)}.navbar__link:after{display:none}.navbar__actions{flex-direction:column;align-items:stretch}.navbar__login{width:100%;padding:.75rem var(--spacing-md);color:var(--color-black);background-color:var(--color-primary);border-color:var(--color-primary);text-align:center}.navbar__login:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}}@media (width<=480px){.navbar__brand-subtitle{display:none}.navbar__brand-title{font-size:1rem}}@media (width<=360px){.navbar__brand-text{display:none}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}.footer-content{justify-content:space-between;gap:4rem;padding-block:4rem;display:flex}.footer-brand{max-width:420px}.footer-brand h3{color:var(--color-primary);margin-bottom:.75rem}.footer-brand p{color:var(--color-text-secondary);line-height:1.7}.footer-links{gap:4rem;display:flex}.footer-links div{flex-direction:column;gap:.75rem;display:flex}.footer-links h4{color:var(--color-text);margin-bottom:.5rem;font-size:.95rem}.footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding-block:1.5rem;font-size:.9rem;display:flex}.footer-legal{gap:1.5rem;display:flex}.footer-legal a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--color-primary)}@media (width<=768px){.footer-content{flex-direction:column;gap:2.5rem}.footer-links{justify-content:space-between;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}