.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-inter),system-ui,sans-serif;font-weight:500;line-height:1;white-space:nowrap;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),opacity var(--transition-base);text-decoration:none;position:relative;overflow:hidden;flex-shrink:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}.btn:focus-visible{outline:2px solid var(--color-secondary-400);outline-offset:3px}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-400) 100%);color:var(--text-primary);border-color:transparent;box-shadow:0 0 0 0 rgba(99,102,241,0)}.btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-secondary-400) 0,var(--color-primary-300) 100%);opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.btn--primary:hover:not(:disabled){box-shadow:0 0 24px rgba(99,102,241,.45),0 4px 12px rgba(0,0,0,.3);transform:translateY(-1px)}.btn--primary:hover:not(:disabled):before{opacity:.15}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--color-secondary-400);border-color:var(--color-secondary-400)}.btn--outline:hover:not(:disabled){background:rgba(0,212,255,.08);box-shadow:0 0 20px rgba(0,212,255,.2);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background:rgba(99,102,241,.1);color:var(--text-primary);border-color:var(--border-subtle)}.btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);height:36px;min-width:80px}.btn--md{font-size:var(--text-base);padding:var(--space-3) var(--space-6);height:44px;min-width:100px}.btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8);height:52px;min-width:140px}.btn--loading,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--loading{pointer-events:none}.btn__spinner{width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:btn-spin .7s linear infinite;flex-shrink:0}.btn--sm .btn__spinner{width:14px;height:14px}.btn--lg .btn__spinner{width:18px;height:18px}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn--full{width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);height:var(--navbar-height);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),-webkit-backdrop-filter var(--transition-base);transition:background-color var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base),box-shadow var(--transition-base);transition:background-color var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base),box-shadow var(--transition-base),-webkit-backdrop-filter var(--transition-base);border-bottom:1px solid transparent}.navbar--scrolled{background:rgba(10,7,24,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border-subtle);box-shadow:0 4px 24px rgba(0,0,0,.4)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}@media (min-width:1024px){.navbar__inner{padding:0 var(--space-12)}}.navbar__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);flex-shrink:0}.navbar__logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-secondary-400) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;color:white;letter-spacing:-.03em;box-shadow:0 0 20px rgba(99,102,241,.4)}.navbar__logo-mark,.navbar__logo-text{font-family:var(--font-outfit),sans-serif}.navbar__logo-text{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1}.navbar__logo-text span{color:var(--color-secondary-400)}.navbar__nav{display:none;align-items:center;gap:var(--space-1)}@media (min-width:1024px){.navbar__nav{display:flex}}.navbar__link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--transition-base),background-color var(--transition-base);cursor:pointer;background:none;border:none;text-decoration:none;white-space:nowrap}.navbar__link--active,.navbar__link:hover{color:var(--text-primary);background:rgba(99,102,241,.12)}.navbar__link--active{color:var(--text-accent);font-weight:600}.navbar__actions{display:none;align-items:center;gap:var(--space-3)}@media (min-width:1024px){.navbar__actions{display:flex}}.navbar__hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;background:none;border:none;padding:0;flex-shrink:0}@media (min-width:1024px){.navbar__hamburger{display:none}}.navbar__hamburger-line{display:block;width:100%;height:2px;background:var(--text-secondary);border-radius:var(--radius-full);transition:transform var(--transition-base),opacity var(--transition-base);transform-origin:center}.navbar__hamburger--open .navbar__hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar__mobile{display:none;position:fixed;inset:var(--navbar-height) 0 0 0;background:rgba(10,7,24,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:calc(var(--z-navbar) - 1);flex-direction:column;padding:var(--space-8) var(--space-6);gap:var(--space-2);border-top:1px solid var(--border-subtle);overflow-y:auto}.navbar__mobile--open{display:flex}@media (min-width:1024px){.navbar__mobile,.navbar__mobile--open{display:none}}.navbar__mobile-link{padding:var(--space-4) var(--space-4);font-size:var(--text-lg);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);transition:color var(--transition-base),background-color var(--transition-base);cursor:pointer;background:none;border:none;text-align:left;border-bottom:1px solid var(--border-subtle)}.navbar__mobile-link:last-of-type{border-bottom:none}.navbar__mobile-link--active,.navbar__mobile-link:hover{color:var(--text-primary);background:rgba(99,102,241,.1)}.navbar__mobile-link--active{color:var(--color-secondary-400)}.navbar__mobile-cta{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-4)}.navbar__mobile-theme-row{display:flex;align-items:center;justify-content:space-between}.navbar__mobile-theme-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.navbar__sticky-cta{display:inline-flex;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.navbar__sticky-cta--visible{opacity:1;transform:translateY(0);pointer-events:auto}@media (max-width:1023px){.navbar__sticky-cta{display:none}}