:root{--bg-dark: #0f172a;--text-dark: #e5e7eb;--bg-light: #f8fafc;--text-light: #111827;--accent: #8b5cf6}body.dark{background:transparent;color:var(--text-dark)}body.light{background:transparent;color:var(--text-light)}.navbar{position:fixed;top:0;left:0;right:0;width:calc(100% - 40px);margin:20px auto;padding:14px 26px;display:flex;justify-content:space-between;align-items:center;border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 40px #00000026;transition:background .4s ease,box-shadow .4s ease;z-index:1000}body.dark .navbar{background:var(--navbar-dark)}body.light .navbar{background:var(--navbar-light)}.logo{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.logo p{font-size:12px;opacity:.8}.nav-links{list-style:none;display:flex;align-items:center;gap:24px}.nav-links a{text-decoration:none;color:inherit;font-weight:500;position:relative}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;background:var(--accent);left:0;bottom:-6px;transition:.3s}.nav-links a:hover:after{width:100%}.contact-btn{padding:8px 18px;border:none;border-radius:20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;cursor:pointer;transition:.3s}.contact-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #8b5cf666}.theme-btn{background:transparent;border:1px solid #94a3b8;border-radius:50%;padding:7px;cursor:pointer;font-size:16px;color:inherit}.theme-btn:hover{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 10px 30px #8b5cf666}.menu-toggle{display:none;font-size:26px;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 992px){.navbar{width:calc(100% - 20px);margin:10px;padding:10px 14px}.menu-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:14px;border-radius:0 0 16px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 15px 40px #0003;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s ease}body.dark .nav-links{background:linear-gradient(135deg,#020617,#1e293b)}body.light .nav-links{background:#fffffff2}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li{width:100%}.nav-links a{width:100%;padding:12px;text-align:center;border-radius:10px}.contact-btn{width:100%;text-align:center}.theme-btn{align-self:center}}.hero{min-height:90vh;display:flex;align-items:center;justify-content:space-between;padding:190px 6%;gap:50px}.hero-left{max-width:600px}.tag{display:inline-block;padding:6px 14px;border-radius:20px;background:#8b5cf626;color:#7d68d3;font-size:13px;margin-bottom:20px}.hero-left h1{font-size:52px;line-height:1.2;margin-bottom:20px}.hero-left h1 span{color:#8b5cf6}.typing{display:inline-block;border-right:3px solid #8b5cf6;padding-right:5px;animation:blink .8s infinite}@keyframes blink{50%{border-color:transparent}}.hero-left p{font-size:16px;opacity:.85;margin-bottom:30px}.hero-btn{padding:14px 34px;border-radius:30px;border:none;cursor:pointer;font-size:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;transition:.4s;text-decoration:none}.hero-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #8b5cf666}.hero-right{display:flex;justify-content:center;align-items:center;border-radius:50%}.image-box{width:420px;height:420px;border-radius:50%;padding:10px;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.image-box img{width:100%;height:100%;object-fit:cover;background:#020617;border-radius:50%}@media (max-width: 576px){.hero{flex-direction:column;justify-content:center;align-items:center;padding:100px 5%;gap:30px;text-align:center}.hero-right{order:-1;display:flex;justify-content:center;align-items:center;width:100%;margin:0}.image-box{width:240px;height:240px;margin:0 auto}.hero-left{max-width:100%;display:flex;flex-direction:column;align-items:center}.tag{font-size:12px;margin-bottom:12px}.hero-left h1{font-size:32px;line-height:1.25}.typing{font-size:26px}.hero-left p{font-size:14px;margin-bottom:24px}.hero-btn{padding:12px 26px;font-size:15px}}.about-section{padding:0 6%}.about-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:30px}.glass{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0006}.about-left h2,.about-right h2{font-size:35px;margin-bottom:15px}.about-left p{line-height:1.7;opacity:.85}.about-left span{color:var(--accent);font-weight:600}.about-cards{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.about-card{background:#ffffff0a;padding:18px;border-radius:14px}.about-card h4{margin-bottom:6px}.about-card p,.about-card span{font-size:14px;opacity:.8}.info-row,.social-row{display:flex;justify-content:space-between;margin:14px 0;font-size:15px;opacity:.85}.social-row span{min-width:200px;font-weight:500}.about-right h3{margin-top:25px;margin-bottom:10px}.about-right hr{border:none;height:1px;background:#ffffff26;margin:18px 0}@media (max-width: 768px){.about-wrapper{grid-template-columns:1fr;gap:24px}.about-cards{grid-template-columns:1fr}.about-section{padding:0 5%}.about-right{margin-right:0}.info-row,.social-row{flex-direction:column;align-items:flex-start;gap:6px}.social-row span{min-width:unset;word-break:break-word}}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}:root{--bg-dark: #0f172a;--bg-light: #f8fafc;--text-dark: #e5e7eb;--text-light: #111827;--accent: #8b5cf6}body.dark{background:var(--bg-dark);color:var(--text-dark)}body.light{background:var(--bg-light);color:var(--text-light)}.dummy-section{min-height:100vh;display:flex;align-items:center;justify-content:center}.dummy-section h1{font-size:60px;color:var(--accent)}.skills-section{padding:10px 6%}.skills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:20px}.skills-header h2{font-size:34px}.skills-header p{font-size:15px;opacity:.75}.skills-bars{margin-top:80px;width:100%;display:grid;grid-template-columns:repeat(2,1fr);column-gap:70px}.skills-bars-title{font-size:35px;margin-bottom:30px;grid-column:1 / -1}.skill-bar{margin-bottom:26px}.skill-bar span{font-size:14px;font-weight:500}.skill-bar small{float:right;font-size:13px;opacity:.8}.bar{height:10px;background:#ffffff26;border-radius:20px;overflow:hidden;margin-top:6px}.fill{height:100%;border-radius:20px;background:linear-gradient(135deg,#ff4ecd,#7c4dff);animation:grow 1.6s ease forwards}@keyframes grow{0%{width:0}}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skills-bars{grid-template-columns:1fr}}@media (max-width: 576px){.skills-header{flex-direction:column;align-items:flex-start}.skills-grid{grid-template-columns:1fr}.skills-header h2{font-size:28px}}.projects-section{padding:40px 6%}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.projects-header h2{font-size:36px}.projects-header p{opacity:.75}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-card{border-radius:24px;overflow:hidden;transition:.45s ease;background:#ffffff0d}.project-card img{width:100%;height:190px;object-fit:cover;border-radius:20px}.project-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px #00000073}.project-card.active{transform:scale(1.06)}.project-content{padding:22px}.project-content h3{font-size:20px;margin-bottom:6px}.project-content p{font-size:14px;opacity:.8;margin-bottom:14px}.project-content ul{padding-left:18px;margin-bottom:18px}.project-content li{font-size:13.5px;opacity:.85;margin-bottom:6px}.visit-btn{width:100%;padding:12px;border-radius:14px;border:none;cursor:pointer;font-size:15px;font-weight:500;color:#fff;background:linear-gradient(135deg,#ff4ecd,#7c4dff);transition:.3s}.visit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c4dff73}@media (max-width: 992px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card.active{transform:none}}@media (max-width: 576px){.projects-grid{grid-template-columns:1fr}.projects-header h2{font-size:28px}}.contact-section{padding:40px 6%}.contact-wrapper{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;border-radius:28px;padding:40px;background:#fffffff2;border:1px solid rgba(0,0,0,.12)}.contact-form h2{font-size:34px;margin-bottom:8px;color:#111}.contact-form p{font-size:15px;opacity:.8;margin-bottom:30px;color:#333}.contact-form label{display:block;margin-bottom:6px;font-size:14px;color:#333;opacity:.9}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;margin-bottom:18px;border-radius:14px;border:1px solid rgba(0,0,0,.18);background:#fff;color:#222;outline:none;transition:.3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777}.contact-form input:focus,.contact-form textarea:focus{border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff40}.contact-actions{display:flex;gap:14px;margin-top:10px}.send-btn{padding:13px 26px;border-radius:16px;border:none;cursor:pointer;font-size:15px;font-weight:500;color:#fff;background:linear-gradient(135deg,#ff4ecd,#7c4dff);transition:.3s}.send-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c4dff73}.reset-btn{padding:13px 22px;border-radius:16px;border:1px solid rgba(0,0,0,.2);background:transparent;color:#333;cursor:pointer;transition:.3s}.reset-btn:hover{background:#0000000d}.contact-info{padding:28px;border-radius:22px;background:#00000008;border:1px solid rgba(0,0,0,.1)}.contact-info h3{font-size:22px;margin-bottom:20px;color:#111}.contact-info p{font-size:15px;color:#333;margin-bottom:14px}.dark .contact-wrapper{background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.dark .contact-form h2,.dark .contact-info h3{color:#fff}.dark .contact-form p,.dark .contact-form label,.dark .contact-info p{color:#ddd}.dark .contact-form input,.dark .contact-form textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.18);color:#fff}.dark .contact-form input::placeholder,.dark .contact-form textarea::placeholder{color:#aaa}.dark .reset-btn{border:1px solid rgba(255,255,255,.25);color:#fff}.dark .reset-btn:hover{background:#ffffff14}.dark .contact-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}@media (max-width: 900px){.contact-wrapper{grid-template-columns:1fr}}.success-message{margin-top:15px;padding:12px 16px;background:#00c86426;color:#fff;border:1px solid #7c4dff;background:linear-gradient(135deg,#ff4ecd,#7c4dff);border-radius:8px;font-weight:500;animation:fadeInOut 4s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.footer{padding:20px 6%;margin-top:20px}.footer-wrapper{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px;border-top:1px solid rgba(0,0,0,.12)}.footer-left h3{font-size:20px;margin-bottom:4px;color:#111}.footer-left p{font-size:14px;color:#555}.footer-socials{display:flex;gap:18px}.footer-socials a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;color:#333;background:#0000000a;border:1px solid rgba(0,0,0,.12);transition:.3s ease}.footer-socials a:hover{color:#fff;background:linear-gradient(135deg,#ff4ecd,#7c4dff)!important;box-shadow:0 10px 25px #7c4dff73;transform:translateY(-3px)}.footer-right{text-align:right}.footer-right p{font-size:14px;color:#333}.footer-right span{font-size:12px;color:#666}.dark .footer-wrapper{border-top:1px solid rgba(255,255,255,.15)}.dark .footer-left h3,.dark .footer-right p{color:#fff}.dark .footer-left p,.dark .footer-right span{color:#aaa}.dark .footer-socials a{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ddd}@media (max-width: 768px){.footer-wrapper{flex-direction:column;text-align:center}.footer-right{text-align:center}}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:9999;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;font-size:30px;box-shadow:0 10px 25px #25d36680;transition:.3s ease}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 15px 35px #25d366b3}.certificates-section{padding:40px 6%}.certificates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:20px}.certificates-header h2{font-size:34px}.certificates-header p{font-size:15px;opacity:.75}.certificates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.certificate-card{border-radius:24px;padding:24px;transition:.45s ease;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.light .certificate-card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 30px 60px #00000073}.dark .certificate-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px #00000073}.certificate-card:hover{transform:translateY(-12px) scale(1.03)}.certificate-card.active{transform:scale(1.06)}.certificate-card h3{font-size:20px;margin-bottom:6px}.certificate-card p{font-size:14px;opacity:.8;margin-bottom:18px}.certificate-btn{width:100%;padding:12px;border-radius:14px;border:none;cursor:pointer;font-size:15px;font-weight:500;color:#fff;text-align:center;text-decoration:none;background:linear-gradient(135deg,#ff4ecd,#7c4dff);transition:.3s}.certificate-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c4dff73}@media (max-width: 992px){.certificates-grid{grid-template-columns:repeat(2,1fr)}.certificate-card.active{transform:none}}@media (max-width: 576px){.certificates-grid{grid-template-columns:1fr}.certificates-header h2{font-size:28px}}.services-section{padding:40px 6%}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:20px}.services-header h2{font-size:35px}.services-header p{font-size:15px;opacity:.75}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.skill-card{padding:28px;border-radius:20px;transition:.4s;cursor:default}.skill-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000059}.skill-card .icon{font-size:26px;display:inline-block;margin-bottom:14px}.skill-card h3{font-size:20px;margin-bottom:10px}.skill-card p{font-size:14.5px;line-height:1.7;opacity:.85}@media (max-width: 992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.services-bars{grid-template-columns:1fr}}@media (max-width: 576px){.services-header{flex-direction:column;align-items:flex-start}.services-grid{grid-template-columns:1fr}.services-header h2{font-size:28px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#020617;color:#fff}section{padding:100px}