.top-nav{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.nav-brand a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{display:flex;gap:2rem}.nav-menu a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s}.nav-menu a:hover{background-color:hsla(0,0%,100%,.2)}.sidebar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.sidebar{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:linear-gradient(180deg,#2d3748,#1a202c);transition:left .3s ease;z-index:1001;overflow-y:auto}.sidebar.open{left:0}.sidebar-content{padding:2rem 1rem}.sidebar-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;margin-bottom:2rem}.sidebar-menu h3{color:#a0aec0;margin:1.5rem 0 .5rem;font-size:.9rem;text-transform:uppercase}.sidebar-menu a{display:block;color:#fff;text-decoration:none;padding:.75rem 1rem;margin:.25rem 0;border-radius:5px;transition:background-color .3s}.sidebar-menu a:hover{background-color:hsla(0,0%,100%,.1)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.main-content{margin-top:80px;min-height:calc(100vh - 80px)}@media (max-width:768px){.nav-menu{display:none}.sidebar-toggle{display:block}.sidebar{width:250px;left:-250px}}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 1rem;text-align:center}