/* ===== Configuração geral ===== */
body{font-family:'Poppins',Arial,sans-serif;background:radial-gradient(circle at center,#151515,#000000);background-attachment:fixed;margin:0;padding:0;min-height:100vh}

/* ===== Animação de Scroll (Reveal) ===== */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out}
.reveal.active{opacity:1;transform:translateY(0)}
h1{text-align:center;font-size:36px;padding:10px;margin-inline:20%;color:#fff}
::selection{background:rgba(106,90,205,0.33);color:#fff}

/* ===== Cards principais ===== */
#id,.sobre-mim,.timeline,.tecnologias,a.projeto{background:rgba(248,248,248,.15);color:#fff;border-radius:14px;box-shadow:0 0 8px rgba(106,90,205,.6);border:1px solid rgba(106,90,205,.4);transition:.3s;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:center;margin:30px auto;max-width:900px;line-height:1.6}

/* ===== Card Principal Modernizado ===== */
#id{width:80%;max-width:600px;padding:20px 30px;font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,rgba(106,90,205,.25),rgba(20,20,30,.45));backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(106,90,205,.4);border-radius:14px;transition:.3s}
#id:hover,.projeto:hover,.sobre-mim:hover,.timeline:hover,.tecnologias:hover{transform:scale(1.02);box-shadow:0 10px 28px rgba(106,90,205,.3)}

/* ===== Botões sociais ===== */
#id .links-sociais{margin-top:15px;display:flex;justify-content:center;flex-wrap:wrap;gap:15px}
.botao-blog{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#6A5ACD,#9370DB);color:#fff;font-weight:bold;font-size:1.1rem;text-decoration:none;border-radius:8px;box-shadow:0 4px 12px rgba(106,90,205,.3);transition:.3s;min-height:44px;display:flex;align-items:center;justify-content:center}
.botao-blog:hover{background:linear-gradient(135deg,#483D8B,#6A5ACD);transform:scale(1.05);box-shadow:0 6px 18px rgba(106,90,205,.5)}
.botao-social{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:rgba(106,90,205,.15);border:1px solid rgba(106,90,205,.4);color:#fff;font-size:1rem;text-decoration:none;border-radius:25px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:.3s;min-height:44px}
.botao-social i{font-size:1.2rem;transition:color .3s}
.fa-github{color:#f0f0f0}
.fa-linkedin{color:#4092ff}
.fa-google{color:#ff6b6b}
.fa-award{color:#ffca28}
.fa-cloud{color:#87CEFA}
.botao-social:hover{background:linear-gradient(135deg,#6A5ACD,#9370DB);transform:scale(1.05) translateY(-3px);border-color:transparent;box-shadow:0 8px 20px rgba(106,90,205,.5)}
.botao-social:hover i{color:#fff}

/* ===== Projetos ===== */
.projetos-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:20px}
a.projeto{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;backdrop-filter:blur(6px);overflow:hidden;background:rgba(20,20,30,.45)}
a.projeto:hover{transform:translateY(-6px);box-shadow:0 6px 20px rgba(106,90,205,.7);border-color:#9370DB}
.projeto img,.video-projeto{width:100%;height:200px;object-fit:cover;object-position:center;border-radius:14px 14px 0 0;margin-bottom:0;display:block;filter:grayscale(70%) brightness(0.85);transition:filter .4s ease}
.projeto:hover img,.projeto:hover .video-projeto{filter:grayscale(0%) brightness(1)}
.titulo-projeto{font-family:'Orbitron','Poppins',sans-serif;font-size:16px;line-height:1.6;color:#dcdce4;padding:16px;margin:0;background:rgba(0,0,0,.35);border-radius:0 0 14px 14px;text-align:left;min-height:120px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;transition:background .4s ease}
.projeto:hover .titulo-projeto{background:rgba(106,90,205,.25)}

/* ===== Sobre mim ===== */
.sobre-mim{padding:24px;background:rgba(20,20,30,.45);backdrop-filter:blur(6px);border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.sobre-mim h2{font-family:'Orbitron','Poppins',sans-serif;color:#6A5ACD;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin-bottom:25px;font-size:26px;text-align:center}
.sobre-mim p{font-family:'Poppins',sans-serif;font-size:17px;line-height:1.6;color:#ffffff;text-shadow:0 0 4px rgba(0,0,0,.5);text-align:justify;margin:0 15px 15px}

/* ===== Tecnologias ===== */
.tecnologias{padding:30px}
.tecnologias h2{font-family:'Orbitron','Poppins',sans-serif;color:#6A5ACD;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin-bottom:25px;font-size:26px;text-align:center}
.tecnologias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}
.tech{background:rgba(20,20,30,.45);color:#dcdce4;font-weight:300;padding:16px 10px;border-radius:8px;border:1px solid rgba(106,90,205,.2);box-shadow:0 4px 10px rgba(0,0,0,.1);transition:all .4s ease;text-align:center}
.tech i{font-size:28px;margin-bottom:8px;display:block;color:rgba(255,255,255,0.6);transition:all .4s ease}
.tech:hover{transform:translateY(-6px);box-shadow:0 6px 20px rgba(106,90,205,.7);border-color:#9370DB;color:#fff;background:rgba(106,90,205,.15)}
.tech:hover i{color:#a485ff;transform:scale(1.1)}

/* ===== Timeline ===== */
.timeline{padding:30px 20px;background:rgba(20,20,30,.45);backdrop-filter:blur(6px);border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.timeline h2{font-family:'Orbitron','Poppins',sans-serif;color:#6A5ACD;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin-bottom:25px;font-size:26px;text-align:center}
.timeline-item{background:rgba(0,0,0,.35);backdrop-filter:blur(4px);padding:18px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:.3s;position:relative}
.timeline-item h3{font-size:20px;color:#6A5ACD;font-family:'Orbitron','Poppins',sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin:0}
.timeline-item p{font-size:16px;color:#ffffff;font-family:'Poppins',sans-serif;line-height:1.6;text-shadow:0 0 4px rgba(0,0,0,.5);margin:0}

/* ===== Responsivo ===== */
@media(max-width:600px){
#id{width:92%;font-size:1.1rem}
.projetos-container{grid-template-columns:1fr}
.titulo-projeto{font-size:18px;margin:10px auto;padding:6px;min-height:80px}
#id .links-sociais{flex-direction:column;gap:10px}
.sobre-mim{padding:18px}
.sobre-mim p{font-size:16px;margin:0 10px 12px}
.tecnologias-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
}

/* ===== Efeitos de cursor ===== */
#id,.sobre-mim,.timeline,.tecnologias,a.projeto,.titulo-projeto{cursor:default}
#id:hover,.sobre-mim:hover,.timeline:hover,.tecnologias:hover,a.projeto:hover{transform:scale(1.02);box-shadow:0 0 14px rgba(106,90,205,.8)}

/* ===== Padronização de textos ===== */
h1,h2,h3{font-family:'Orbitron','Poppins',sans-serif;font-weight:600;color:#6A5ACD;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;line-height:1.4}
p,.titulo-projeto,.tech{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;color:#ffffff;text-shadow:0 0 4px rgba(0,0,0,0.5);line-height:1.6}

.projeto-badges{display:flex;gap:10px;padding:10px 16px;background:rgba(0,0,0,0.2)}
.badge{background:rgba(106,90,205,0.2);color:#0dcaf0;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;border:1px solid rgba(13,202,240,0.3);text-transform:uppercase;letter-spacing:0.5px}