.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .3s;padding:0 2rem}.navbar--scrolled{box-shadow:0 2px 20px #0000001a}.navbar__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.navbar__logo{font-size:1.4rem;font-weight:800;color:#667eea;text-decoration:none}.navbar__links{display:flex;align-items:center;gap:2rem}.navbar__link{color:#555;text-decoration:none;font-weight:500;font-size:.95rem;position:relative;transition:color .2s;padding:.25rem 0}.navbar__link:hover{color:#667eea}.navbar__link--active{color:#667eea;font-weight:600}.navbar__link--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#667eea;border-radius:1px}.navbar__cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s}.navbar__cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.navbar__hamburger span{display:block;width:24px;height:2px;background:#333;border-radius:2px;transition:transform .3s,opacity .3s}.navbar__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.navbar__hamburger{display:flex}.navbar__links{position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .3s ease;align-items:flex-start}.navbar__links--open{transform:translate(0)}.navbar__link{font-size:1.1rem;width:100%;padding:.5rem 0}.navbar__cta{width:100%;text-align:center;padding:.75rem 1.25rem;margin-top:.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffffff2;padding:1.5rem 2rem;box-shadow:0 2px 10px #0000001a;text-align:center}.header--sticky{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header h1{color:#667eea;font-size:2rem;margin-bottom:.5rem}.header .tagline{color:#666;font-size:.95rem}.footer{background:#0003;color:#fff;text-align:center;padding:1rem;margin-top:auto;font-size:.85rem}code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}button{cursor:pointer;font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn .3s ease-out}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.page-loader p{color:#ffffffe6;font-weight:500}.page-loader__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}