*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body.dark-mode{background:#121212;color:#e0e0e0}body.dark-mode .navbar{background:#121212f2}body.dark-mode .navbar.scrolled{background:#121212fa;box-shadow:0 2px 20px #0000004d}body.dark-mode .nav-links a{color:#e0e0e0}body.dark-mode .about,body.dark-mode .project-card{background:#1e1e1e;color:#e0e0e0}body.dark-mode .project-card{box-shadow:0 5px 15px #0000004d}body.dark-mode .project-card h3{color:#e0e0e0}body.dark-mode .btn{background:#1e1e1e;color:#667eea}.dark-mode-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark-mode-toggle:hover{background:#0000001a}body.dark-mode .dark-mode-toggle{color:#e0e0e0}body.dark-mode .dark-mode-toggle:hover{background:#ffffff1a}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;box-shadow:0 5px 30px #0000001a;left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a;padding:.5rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem}.nav-links a{color:#333;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#667eea}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.hero{align-items:center;animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,#4158d0,#c850c0 46%,#ffcc70);background-size:400% 400%;color:#fff;display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative;text-align:center}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero:before{animation:float 20s ease-in-out infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23fff" opacity=".1"/><circle cx="80" cy="80" r="2" fill="%23fff" opacity=".1"/><circle cx="40" cy="60" r="1" fill="%23fff" opacity=".1"/></svg>');bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero h1{animation:slideInDown 1s ease-out;font-size:3.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.hero p{animation:slideInUp 1s ease-out .3s both;font-size:1.3rem;margin-bottom:2rem;opacity:.9;position:relative;z-index:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:.9;transform:translateY(0)}}.btn{animation:slideInUp 1s ease-out .6s both;background:#fff;border-radius:50px;box-shadow:0 5px 15px #0003;color:#667eea;display:inline-block;font-weight:600;overflow:hidden;padding:12px 30px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s;width:100%;z-index:-1}.btn:hover{background:#f8f9fa;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.btn:hover:before{left:100%}.about{background:#fff}.about h2{color:#2c3e50;font-size:2.5rem;margin-bottom:3rem;text-align:center}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 2fr}.profile-photo{display:inline-block;position:relative}.profile-photo:after{animation:pulse 2s ease-in-out infinite;border:2px solid #667eea;border-radius:50%;bottom:-10px;content:"";left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px}.profile-photo:before{animation:pulse 2s ease-in-out .5s infinite;border:2px solid #c850c0;border-radius:50%;bottom:-5px;content:"";left:-5px;opacity:.2;position:absolute;right:-5px;top:-5px}@keyframes pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.05)}to{opacity:.3;transform:scale(1)}}.about-text p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.skills{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.skill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;margin:5px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease;z-index:1}.skill:before{background:linear-gradient(135deg,#c850c0,#4158d0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.skill:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.skill:hover:before{opacity:1}.projects{background:linear-gradient(180deg,#f8f9fa,#e9ecef);overflow:hidden;position:relative}.projects:before{background:linear-gradient(135deg,#c850c01a,#4158d01a);height:300px;left:-100px;top:-100px;width:300px}.projects:after,.projects:before{border-radius:50%;content:"";position:absolute;z-index:0}.projects:after{background:linear-gradient(135deg,#ffcc701a,#4158d01a);bottom:-100px;height:250px;right:-100px;width:250px}.projects h2{color:#2c3e50;font-size:2.5rem;margin-bottom:3rem;text-align:center}.project-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffc;border-radius:15px;border-top:4px solid #667eea;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.project-card:hover{box-shadow:0 15px 35px #0003;transform:translateY(-8px)}.project-card:hover:before{left:100%}.project-card h3{color:#2c3e50;margin-bottom:1rem}.contact{background:linear-gradient(135deg,#2c3e50,#1a2a38);color:#fff;overflow:hidden;position:relative;text-align:center}.contact:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Cpath d='m0 0 100 100m0-100L0 100' stroke='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.contact h2{font-size:2.5rem;margin-bottom:2rem}.contact-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.contact-links a{border:2px solid #fff;border-radius:5px;color:#fff;font-size:1.1rem;padding:10px 20px;text-decoration:none;transition:all .3s ease}.contact-links a:hover{background:#fff;color:#2c3e50}.scroll-progress{background:linear-gradient(135deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;width:0;z-index:1001}.scroll-to-top{bottom:30px;position:fixed;right:30px;z-index:1000}.scroll-to-top button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.scroll-to-top button:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1.5rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border:2px solid #ffffff1a;border-radius:50%;font-size:1.8rem;font-weight:700;padding:.5rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fff;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#667eea}.footer-social{display:flex;gap:1rem}.footer-social a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social a:hover{background:#667eea;transform:translateY(-3px)}.footer-copyright{border-top:1px solid #ffffff1a;font-size:.9rem;opacity:.7;padding-top:1.5rem;text-align:center}.typing-text{display:inline-block;min-height:30px}.cursor{animation:blink 1s infinite;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.particle{animation:float-particles 15s linear infinite;background:#ffffff1a;border-radius:50%;position:absolute}@keyframes float-particles{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@media (max-width:768px){.hero h1{font-size:2.5rem}.about-content{gap:2rem;grid-template-columns:1fr}.contact-links{align-items:center;flex-direction:column}.nav-links{display:none}.nav-logo{font-size:1.2rem}}
/*# sourceMappingURL=main.934602f2.css.map*/