*{box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:0;padding:0}body{background:#0f172a;color:#fff;overflow-x:hidden}.background{background:linear-gradient(135deg,#0f172a,#020617);inset:0;position:fixed;z-index:-1}.main-title{color:#fff;font-size:48px;font-weight:800;letter-spacing:4px;margin-bottom:80px;position:relative;text-align:center}.skills-section{margin-left:320px;min-height:100vh;padding:100px 60px;text-align:center}.skills-section h2{font-size:28px;margin-bottom:70px;margin-top:70px;text-align:left}.skills-section h2 span{color:#22c55e}.skills-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skill-card{text-align:center}.circle-wrapper{height:120px;width:120px}svg{transform:rotate(-90deg)}.circle-bg{stroke:#1e293b;stroke-width:12}.circle-border{stroke:#fff9;stroke-width:1.5;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.circle-wrapper{align-items:center;display:flex;height:140px;justify-content:center;margin:auto;position:relative;width:140px}.circle-wrapper svg{transform:rotate(-90deg)}.circle-border{fill:none;stroke:#ffffff80}.circle-bg{fill:none;stroke:#161b22}.circle-progress{fill:none;stroke:#22c55e;stroke-linecap:round;filter:drop-shadow(0 0 8px #22c55e);transition:stroke-dashoffset 1.5s ease-in-out}.percentage{color:#fff;font-size:20px;font-weight:800;position:absolute}.skill-label{color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:15px;text-transform:uppercase}@media (max-width:1000px){.skills-section{margin-left:0;padding:80px 20px}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;left:40px;padding:30px;position:fixed;top:40px;width:240px}.logo{color:#4ade80;font-weight:700;margin-bottom:30px}.sidebar nav{display:flex;flex-direction:column;gap:20px}.sidebar nav a{color:#cbd5e1;text-decoration:none;transition:.3s}.sidebar nav a:hover{color:#4ade80}.hero{gap:80px;margin-left:320px;padding:120px 60px}.hero-image img{background:radial-gradient(circle,#0f172a 40%,#0000 60%);border-radius:50%;width:350px}.typing,.welcome{color:#4ade80;font-size:48px}.typing{font-weight:700}.cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.roles{margin-top:30px}.roles li{font-size:20px;padding-left:25px;position:relative}.roles li:before{color:#4ade80;content:"❯";left:0;position:absolute}.socials{gap:20px;margin-top:40px}.icon{border-radius:12px;cursor:pointer;font-weight:700;height:55px;width:55px}.icon:hover{transform:scale(1.1)}.linkedin{background:#0a66c2}.gmail{background:#ea4335}.whatsapp{background:#25d366}.github{background:#000}.facebook{background:#1877f2}.download-btn{background:#4ade80;border-radius:40px;color:#000;font-size:18px;margin-top:40px;padding:15px 40px;transition:.3s}.download-btn:hover{background:#22c55e;transform:scale(1.05)}.about-section{margin-left:250px;min-height:100vh;padding:120px 80px}.section-title{color:#fff;font-size:48px;font-weight:800;letter-spacing:4px;margin-bottom:80px;position:relative;text-align:center}.underline{background:#4ade80;display:block;height:5px;margin:15px auto 0;width:120px}.about-block{margin-bottom:70px}.block-title{color:#4ade80;font-size:22px;margin-bottom:25px}.summary-text{color:#cbd5e1;line-height:1.8;max-width:900px}.education-item{margin-top:20px}.edu-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.edu-header h3{color:#4ade80;font-size:26px}.edu-header span{color:#4ade80;font-weight:700}.degree{font-weight:600;margin:10px 0 20px}.education-item ul{color:#cbd5e1;padding-left:20px}.education-item ul li{margin-bottom:10px}.highlight{color:#4ade80;font-weight:700}.projects-section{background-color:#0f171e;background-image:radial-gradient(#bebfbe0d 1px,#0000 0);background-size:30px 30px;margin-left:300px;padding:80px 5%}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:60px}.project-card{background:#16212b;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:.4s}.project-card:hover{border-color:#2ecc71;box-shadow:0 20px 40px #0006;transform:translateY(-12px)}.proj-img-container{height:220px;overflow:hidden;position:relative}.proj-img-container img{height:100%;object-fit:cover;transition:.5s;width:100%}.project-card:hover .proj-img-container img{transform:scale(1.1)}.proj-overlay{align-items:center;background:#0f171ecc;display:flex;gap:20px;inset:0;justify-content:center;opacity:0;position:absolute;transition:.3s}.project-card:hover .proj-overlay{opacity:1}.overlay-icon,.tech-icon{align-items:center;display:flex;justify-content:center;transform:rotate(0deg);transition:.3s}.overlay-icon{background:#2ecc71;border-radius:50%;color:#0f171e;font-size:1.5rem;height:50px;text-decoration:none;width:50px}.overlay-icon:hover{background:#fff;transform:scale(1.1)}.proj-info{flex-grow:1;padding:25px}.proj-info h3{color:#2ecc71;margin-bottom:12px}.proj-info p{color:#a0aec0;font-size:.95rem;line-height:1.6;margin-bottom:20px}.tech-stack-icons{border-top:1px solid #ffffff1a;display:flex;gap:15px;padding-top:15px}.tech-icon{color:#4db3ff;font-size:1.4rem}.project-card:hover .tech-icon{color:#2ecc71;transform:scale(1.1)}.overlay-icon,.overlay-icon svg,.social-box,.social-box svg,.tech-icon,.tech-icon svg{align-items:center;display:flex!important;justify-content:center;transform:rotate(0deg)!important}.contact-socials,.proj-overlay,.tech-stack-icons{display:flex!important;transform:none!important}.overlay-icon:hover,.social-box:hover{transform:scale(1.1) rotate(0deg)!important}.contact-section{margin-left:300px;min-height:80vh;padding:80px;text-align:center}.contact-container{align-items:flex-start;display:flex;gap:40px;justify-content:center;margin-top:50px;margin-inline:auto;max-width:1000px}.contact-socials{display:flex;flex-direction:column;gap:15px}.social-box{align-items:center;background-color:#2ecc71;border-radius:8px;color:#fff;display:flex;font-size:1.5rem;height:55px;justify-content:center;text-decoration:none;transition:.3s;width:55px}.social-box:hover{background-color:#27ae60;transform:scale(1.1)}.contact-form{display:flex;flex-direction:column;flex-grow:1;gap:20px}.form-input{background-color:#16212b;border:1px solid #ffffff0d;border-radius:4px;color:#fff;font-size:1rem;outline:none;padding:15px 20px;transition:border-color .3s ease;width:100%}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#2ecc71}.send-btn{background-color:#2ecc71;border:none;border-radius:4px;color:#0f171e;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px;transition:.3s}.send-btn:hover{background-color:#27ae60;letter-spacing:2px}.footer{background-color:#121e26;border-top:2px solid #2ecc71;color:#fff;padding:60px 5% 30px;position:relative}.footer-container{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:1.5fr 1fr 1fr 1.5fr}.footer-logo{font-size:2rem;font-weight:700;margin-bottom:20px}.footer-socials{display:flex;gap:15px;margin-bottom:20px}.footer-socials a{align-items:center;background:#1a252f;border-radius:6px;color:#fff;display:flex;height:35px;justify-content:center;transition:.3s;width:35px}.footer-socials a:hover{background:#2ecc71;color:#121e26}.footer-quote{color:#2ecc71;font-size:.9rem;line-height:1.6}.footer-links ul{list-style:none;padding:0}.footer-links li{border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:8px}.footer-links a{align-items:center;color:#fff;display:flex;gap:10px;text-decoration:none;transition:color .3s}.footer-links a:hover,.link-icon{color:#2ecc71}.footer-info{display:flex;flex-direction:column;gap:25px}.info-item{align-items:center;display:flex;gap:15px}.info-icon{color:#2ecc71;font-size:1.4rem}.phone-numbers{display:flex;flex-direction:column}.footer-image img{border-radius:8px;max-width:300px;width:100%}.scroll-top{align-items:center;background:#2ecc71;border:none;border-radius:50%;bottom:20px;color:#121e26;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:20px;transition:.3s;width:40px}.scroll-top:hover{background:#fff;transform:translateY(-5px)}@media (max-width:992px){.footer-container{grid-template-columns:1fr 1fr}}@media (max-width:600px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-links a,.footer-socials,.info-item{justify-content:center}}.footer-socials a,.footer-socials svg,.info-icon,.link-icon,.overlay-icon,.overlay-icon svg,.social-box,.social-box svg,.tech-icon,.tech-icon svg{align-items:center;display:flex!important;justify-content:center;transform:rotate(0deg)!important}.contact-socials,.footer-info,.footer-socials,.proj-overlay,.tech-stack-icons{transform:none!important}.footer-socials a:hover,.overlay-icon:hover,.social-box:hover{transform:scale(1.1) rotate(0deg)!important}@media (max-width:1000px){.about-section,.contact-section,.hero,.projects-section{margin-left:0;padding:80px 20px}.hero{flex-direction:column;text-align:center}.sidebar{left:0;margin:20px auto;position:relative;top:0}.edu-header{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:768px){.contact-container{align-items:center;flex-direction:column}.contact-socials{flex-direction:row}}.hero{align-items:center;display:flex;gap:50px;justify-content:center;margin-left:250px;min-height:100vh;padding:20px}.hero-content h2{font-size:2.5rem}.hero-content h1{color:#2ecc71;font-size:4rem}.roles{list-style:none;margin:30px 0;padding:0}.roles li{align-items:center;display:flex;font-size:1.2rem;gap:10px;margin-bottom:10px}.role-icon{color:#2ecc71}.socials{display:flex;gap:15px;margin-bottom:30px}.btn-icon,.icon,.icon svg,.role-icon{display:inline-block;transform:rotate(0deg)!important}.icon{align-items:center;background:#2b3a4a;border-radius:5px;color:#fff;display:flex;font-size:1.2rem;height:45px;justify-content:center;transition:.3s;width:45px}.icon:hover{background:#2ecc71;transform:translateY(-5px)!important}.download-btn{align-items:center;background:#2ecc71;border:none;border-radius:50px;color:#0f171e;cursor:pointer;display:flex;font-weight:700;gap:10px;padding:12px 25px}.animated-bg{background-color:#0f171e;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}.bg-icon{animation:rotate180 3s linear infinite alternate;color:#2ecc711a;font-size:5rem;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}@keyframes rotate180{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.icon-1{animation-delay:-1s;left:15%;top:10%}.icon-2{animation-delay:-2s;left:75%;top:45%}.icon-3{animation-delay:-.5s;left:25%;top:70%}.icon-4{animation-delay:-3s;left:85%;top:20%}.icon-5{animation-delay:-1.5s;left:60%;top:80%}
/*# sourceMappingURL=main.6e025006.css.map*/