*{margin:0;padding:0;box-sizing:border-box}.App{min-height:100vh;background-color:#0a0a0a;color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.header{position:fixed;top:0;left:0;right:0;padding:1.5rem 4rem;z-index:1000;background:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,107,53,.2)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffffff;text-decoration:none;transition:color .3s ease}.logo:hover{color:#ff8c42}.nav{display:flex;gap:2rem;align-items:center}.nav-link{font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#b0b8c8;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,#ff6b35,#ff8c42);transition:width .3s ease}.nav-link:hover{color:#ffffff;background:rgba(255,107,53,.1)}.nav-link:hover:after{width:80%}.nav-link.active{color:#ffffff;background:rgba(255,107,53,.2)}.nav-link.active:after{width:80%}@media (max-width:768px){.header{padding:1rem 2rem}.logo{font-size:1.2rem}.nav{gap:1rem}.nav-link{font-size:.9rem;padding:.5rem .8rem}}@media (max-width:480px){.header{padding:1rem 1.5rem}.header-content{flex-direction:column;gap:1rem}.nav{gap:.5rem;width:100%;justify-content:center}.nav-link{font-size:.85rem;padding:.4rem .7rem}}