html,body,#root,.App{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Poppins,sans-serif;background-color:#09003d;background-image:url(/background.png),linear-gradient(to right,rgba(133,133,133,.95),rgba(1,195,243,.95));background-repeat:repeat,no-repeat;background-size:250px 250px,cover;background-attachment:fixed;background-blend-mode:overlay;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;position:fixed;top:0;width:100%;max-width:100vw;box-sizing:border-box;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 12px #0000004d;transition:box-shadow .3s ease-in-out;z-index:1000;flex-wrap:wrap;gap:10px}.logo-area{display:flex;align-items:center;gap:12px}.logo{width:96px;height:96px;object-fit:contain}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;max-width:100%}nav a{color:#fff;font-weight:700;text-decoration:none;font-size:.97rem;padding:10px;transition:all .2s ease-in-out;position:relative;overflow:hidden}nav a:after{content:"";position:absolute;width:0;height:2px;left:50%;bottom:0;background-color:#40c4ff;transition:all .3s ease;transform:translate(-50%)}nav a:hover:after{width:100%}nav a:hover{color:#90caf9}nav a.active:after{width:100%;background-color:#40c4ff}.botoes button{background-color:#0d47a1;color:#fff;border:none;padding:10px 20px;margin:6px;font-size:1rem;cursor:pointer;border-radius:6px;transition:background-color .3s}.hero{min-height:auto;padding:40px 20px 10px;margin-top:100px;text-align:center}.banner-pessoal{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;z-index:2}.foto-banner{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #0D47A1;margin-bottom:16px}.linkedin-btn{background-color:#0d47a1;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .3s;margin-top:10px}.linkedin-btn:hover{background-color:#1565c0}.botoes button{background-color:#0d47a1;color:#fff;border:none;padding:10px 20px;margin:6px;font-size:1rem;cursor:pointer;border-radius:6px;transition:background-color .3s,transform .3s ease}.botoes button:hover{background-color:#1565c0}section{padding:40px 20px;max-width:1000px;margin:auto;position:relative;z-index:1}.servicos,.vantagens,.portfolio{text-align:center;padding-top:20px}.servicos .blocos,.vantagens .blocos,.portfolio .blocos{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px}.card-servico{background-color:#ffffff0d;border:1px solid #0D47A1;border-radius:10px;padding:16px;width:230px;text-align:center;transition:transform .3s ease}.card-servico h4{margin-bottom:10px}.card-servico .icon{font-size:36px;margin-bottom:8px;color:#90caf9}.card-fundo{background-color:#ffffff0d;border:1px solid #0D47A1;border-radius:12px;padding:24px}footer{text-align:center;padding:24px 20px;background-color:#141414;border-top:1px solid #0D47A1;margin-top:40px}footer .cta{margin-top:14px;font-size:1.1rem;font-weight:600}.whatsapp-btn{display:inline-block;margin-top:10px;background-color:#25d366;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:700;transition:background-color .3s}.whatsapp-btn:hover{background-color:#1ebc5b}.floating-whatsapp{position:fixed;bottom:24px;right:24px;background-color:#25d366;color:#fff;padding:12px 16px;border-radius:50px;text-decoration:none;font-weight:700;z-index:9999;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #0006;transition:background-color .3s}.floating-whatsapp:hover{background-color:#1ebc5b}.floating-whatsapp i{font-size:20px}#tsparticles canvas{position:fixed!important;top:0;left:0;z-index:-1}.card-sobre{background-color:#ffffff0d;border:1px solid #0D47A1;border-radius:12px;padding:24px;max-width:500px;margin:40px auto;text-align:center;box-shadow:0 0 12px #0000004d}.btns-perfil{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.btn-linkedin,.btn-github{flex:1;padding:10px;border-radius:6px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .3s,opacity .3s}.btn-linkedin{background-color:#0a66c2;color:#fff}.btn-linkedin:hover{background-color:#004182}.btn-github{background-color:#333;color:#fff}.btn-github:hover{background-color:#111}.btn-linkedin i,.btn-github i{font-size:18px}.logo-objetivo{width:100%;max-width:340px;margin:0 auto 20px;display:block;filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}html{scroll-behavior:smooth}.gradiente-animado{position:fixed;top:0;left:0;width:120%;height:120%;background:radial-gradient(circle at 50% 40%,#0d47a1 0%,transparent 60%);filter:blur(100px);z-index:-1;animation:pulse 8s ease-in-out infinite;opacity:.15}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.botoes{flex-direction:column}.botoes button{margin:10px 0}.servicos .blocos,.vantagens .blocos,.portfolio .blocos{flex-direction:column;align-items:center}.floating-whatsapp{animation:pulse-whatsapp 3s infinite}@keyframes pulse-whatsapp{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}}