.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);background-color:rgb(var(--color-bg) / .9)}[data-theme=light] .header{background-color:rgba(255,255,255,.9)}[data-theme=dark] .header{background-color:rgba(3,7,18,.9)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:64px}.nav__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text)}.nav__logo .logo-bg{fill:var(--color-primary)}.nav__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);border-radius:var(--radius-lg)}.nav__toggle:hover{background-color:var(--color-bg-tertiary)}.nav__toggle-icon{position:relative;width:20px;height:2px;background-color:currentColor;border-radius:1px;transition:var(--transition-fast)}.nav__toggle-icon::after,.nav__toggle-icon::before{content:'';position:absolute;left:0;width:100%;height:2px;background-color:currentColor;border-radius:1px;transition:var(--transition-fast)}.nav__toggle-icon::before{top:-6px}.nav__toggle-icon::after{top:6px}.nav__toggle[aria-expanded=true] .nav__toggle-icon{background-color:transparent}.nav__toggle[aria-expanded=true] .nav__toggle-icon::before{top:0;transform:rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-icon::after{top:0;transform:rotate(-45deg)}.nav__menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:var(--space-4);background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.nav__menu--open{display:flex}.nav__link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-lg);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav__link:hover{color:var(--color-text);background-color:var(--color-bg-tertiary)}.nav__link--active{color:var(--color-primary)}.nav__actions{display:flex;align-items:center;gap:var(--space-2)}@media (min-width:768px){.nav__toggle{display:none}.nav__menu{display:flex;position:static;flex-direction:row;gap:var(--space-1);padding:0;background-color:transparent;border-bottom:none}.nav__link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}.main{min-height:calc(100vh - 64px - 300px)}.hero{padding:var(--space-16) 0 var(--space-20);overflow:hidden}.hero__container{display:grid;gap:var(--space-12);align-items:center}.hero__content{text-align:center}.hero__title{margin-bottom:var(--space-6)}.text-gradient{background:linear-gradient(135deg,var(--primary-500),var(--primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__description{max-width:540px;margin-inline:auto;margin-bottom:var(--space-8);font-size:var(--text-lg);color:var(--color-text-secondary)}.hero__actions{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}.hero__visual{position:relative;display:none;height:400px}.hero__card{position:absolute;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-weight:var(--font-medium);animation:float 3s ease-in-out infinite}.hero__card-icon{font-size:1.5rem}.hero__card--1{top:20%;left:10%;animation-delay:0s}.hero__card--2{top:50%;right:10%;animation-delay:.5s}.hero__card--3{bottom:10%;left:20%;animation-delay:1s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width:640px){.hero__actions{flex-direction:row}}@media (min-width:1024px){.hero__container{grid-template-columns:1fr 1fr;text-align:left}.hero__content{text-align:left}.hero__description{margin-inline:0}.hero__actions{justify-content:flex-start}.hero__visual{display:block}}.section-header{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:var(--space-12)}.section-title{margin-bottom:var(--space-4)}.section-description{font-size:var(--text-lg);color:var(--color-text-secondary)}.features{padding:var(--space-20) 0;background-color:var(--color-bg-secondary)}.features__grid{display:grid;gap:var(--space-6)}@media (min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features__grid{grid-template-columns:repeat(4,1fr)}}.cta{padding:var(--space-20) 0}.cta__container{text-align:center;max-width:640px}.cta__title{margin-bottom:var(--space-4)}.cta__description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8)}.footer__container{display:grid;gap:var(--space-12)}.footer__brand{max-width:300px}.footer__tagline{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.footer__nav{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.footer__heading{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--color-text)}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__links a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-text)}.footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (min-width:768px){.footer__container{grid-template-columns:1fr 2fr}}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}.auth-card{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header__logo{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.auth-header__title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-header__subtitle{color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);font-weight:var(--font-medium)}