.container{max-width:1000px;margin:0 auto;padding:0 20px;overflow-x:hidden}header{padding:30px 0;text-align:center;background:linear-gradient(180deg,rgba(255,107,0,.2) 0,transparent 100%);border-bottom:3px solid var(--laranja-naruto);position:relative}header::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:150px;height:6px;background:linear-gradient(90deg,transparent,var(--laranja-naruto),transparent)}.container-logo{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:12px}.simbolo-konoha{width:55px;height:55px}h1{font-family:var(--fonte-titulo);font-size:3.5rem;color:var(--laranja-naruto);text-shadow:3px 3px 0 var(--preto-naruto),0 0 30px rgba(255,107,0,.5);letter-spacing:4px;text-transform:uppercase}.subtitulo{font-size:1.1rem;color:var(--bege-pergaminho);margin-top:8px;letter-spacing:2px}nav{margin-top:15px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:8px 16px;border-radius:25px;background:var(--azul-naruto);transition:.3s;font-weight:600;display:flex;align-items:center;gap:6px}nav a:hover{background:var(--laranja-naruto);transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,0,.4)}nav a.ativo{background:var(--laranja-naruto)}nav a svg{width:18px;height:18px;fill:currentColor}main{padding:50px 0;overflow-x:hidden}footer{text-align:center;padding:30px 0;border-top:2px solid var(--azul-naruto);background:linear-gradient(180deg,transparent,rgba(255,107,0,.1));position:relative}footer::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--laranja-naruto),transparent)}footer p{color:var(--bege-pergaminho);font-size:.95rem}footer a{color:var(--laranja-naruto);text-decoration:none;font-weight:600;transition:.3s;position:relative}footer a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--laranja-naruto);transition:width .3s}footer a:hover{color:var(--azul-chakra);text-shadow:0 0 10px rgba(0,212,255,.5)}footer a:hover::after{width:100%;background:var(--azul-chakra)}@media (max-width:768px){h1{font-size:2.5rem}.simbolo-konoha{width:45px;height:45px}nav{gap:10px;flex-wrap:wrap}nav a{padding:8px 15px;font-size:.85rem}.container{padding:0 15px}}@media (max-width:480px){.container{padding:0 10px}h1{font-size:1.8rem;letter-spacing:2px}.subtitulo{font-size:.9rem}nav{gap:8px}nav a{padding:6px 12px;font-size:.8rem}}