*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow-x:hidden;scroll-behavior:smooth}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-layout,.main-content{width:100%;position:relative}.main-content{flex:1}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;line-height:1.5;background-color:#ffffff}.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:100;transition:background-color .3s ease,padding .3s ease,box-shadow .3s ease}.header.scrolled{background-color:rgba(255,255,255,.95);padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav-content{justify-content:space-between}.logo,.nav-content{display:flex;align-items:center}.logo{text-decoration:none;color:#000;gap:.5rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem}.logo-image{transition:transform .3s ease}.logo:hover .logo-image{transform:scale(1.1)}.nav-links{display:flex;gap:2rem}.nav-link{background:none;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;color:#333;cursor:pointer;padding:.5rem 1rem;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#000;transition:width .3s ease,left .3s ease}.nav-link:hover{color:#000}.nav-link:hover:after{width:100%;left:0}.auth-buttons{display:flex;gap:1rem}.btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;padding:.6rem 1.5rem;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.btn-secondary{background-color:transparent;color:#333;border-color:#ddd}.btn-secondary:hover{background-color:#f5f5f5;border-color:#ccc}.btn-primary{background-color:#000;color:#fff;border-color:#000}.btn-primary:hover{background-color:#333;border-color:#333;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}@media (max-width:768px){.nav-container{padding:0 1.5rem}.auth-buttons .btn-secondary,.nav-links{display:none}}@media (max-width:480px){.header{padding:1rem 0}.header.scrolled{padding:.8rem 0}.nav-content{justify-content:space-between}.logo span{font-size:1.2rem}.btn{padding:.5rem 1.2rem;font-size:.9rem}}