*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}:root{--primary-color: #3498db;--secondary-color: #2c3e50;--accent-color: #e74c3c;--text-dark: #333;--text-light: #ecf0f1;--bg-light: #f8f9fa;--bg-dark: #2c3e50;--border-color: #ddd;--font-heading: "Poppins", sans-serif;--font-body: "Open Sans", sans-serif}body{font-family:var(--font-body);margin:0;padding:0;box-sizing:border-box;line-height:1.6;color:var(--text-dark);background-color:var(--bg-light);scroll-behavior:smooth}.honeypot-field{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important;height:0!important;width:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;pointer-events:none!important}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--secondary-color);margin-bottom:20px;line-height:1.2}h1{font-size:3em;font-weight:700}h2{font-size:2.5em;font-weight:700;text-align:center;margin-bottom:40px;color:var(--secondary-color)}p{margin-bottom:15px}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}.btn{display:inline-block;padding:12px 25px;border-radius:5px;font-weight:600;transition:all .3s ease;text-align:center;cursor:pointer}.primary-btn{background-color:var(--primary-color);color:var(--text-light);border:2px solid var(--primary-color)}.primary-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--text-light)}.secondary-btn{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-btn:hover{background-color:var(--primary-color);color:var(--text-light)}header{background-color:var(--secondary-color);color:var(--text-light);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}header .container{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-family:var(--font-heading);font-size:1.8em;font-weight:700;color:var(--text-light)}.nav-links{list-style:none;margin:0;padding:0;display:flex}.nav-links li{margin-left:30px}.nav-links a{color:var(--text-light);font-weight:600;font-size:1.1em;position:relative}.nav-links a:after{content:"";position:absolute;width:0;height:3px;display:block;margin-top:5px;right:0;background:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after{width:100%;left:0;background:var(--primary-color)}.nav-links a.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:5px}.language-switcher{margin-left:20px;z-index:1001;position:relative;display:flex;gap:5px}.lang-btn{background-color:transparent;border:1px solid var(--text-light);color:var(--text-light);padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .3s ease}.lang-btn:hover,.lang-btn.active{background-color:var(--primary-color);border-color:var(--primary-color)}.hero{background:linear-gradient(45deg,var(--secondary-color) 0%,#3a506b 100%);color:var(--text-light);text-align:center;padding:100px 20px;position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center;justify-content:center}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%239C92AC" fill-opacity="0.1"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zm12 12V8h-2v4h-4v2h4v4h2v-4h4v-2h-4zM0 12V8h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0 36v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM24 24v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0 24v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-24V0h-2v4h-4v2h4v4h2V6h4V4h-4zm48 0v-4h-2v4h-4v2h4v4h2V6h4V4h-4zM0 0v-4h-2v4h-4v2h4v4h2V6h4V4h-4zM48 48v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM48 24v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');animation:backgroundMove 60s linear infinite;opacity:.1;transform:scale(2)}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:600px 600px}}.hero-content{position:relative;z-index:1;opacity:0;transform:translateY(-20px);transition:opacity .8s ease-out,transform .8s ease-out}.hero-content.active{opacity:1;transform:translateY(0)}.profile-img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid var(--primary-color);box-shadow:0 0 20px #0000004d;margin-bottom:30px;display:block;margin-left:auto;margin-right:auto}.hero h1{color:var(--text-light);margin-top:20px}.hero p{font-size:1.2em;max-width:800px;margin:0 auto 30px;color:var(--text-light)}.highlight-text{color:var(--primary-color);font-weight:600}.typewriter{display:inline-block;min-width:200px}.cta-buttons{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-hero{margin-top:30px}.social-hero a{color:var(--text-light);font-size:2em;margin:0 15px;transition:color .3s ease}.social-hero a:hover{color:var(--primary-color)}section{padding:80px 0;position:relative}.section-dark{background-color:var(--bg-dark);color:var(--text-light)}.section-dark h2,.section-dark h3{color:var(--primary-color)}.section-dark p{color:var(--text-light)}.section-light{background-color:var(--bg-light);color:var(--text-dark)}.section-light h2{color:var(--secondary-color)}.timeline{position:relative;max-width:900px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;width:4px;background-color:var(--primary-color);top:0;bottom:0;left:50%;margin-left:-2px}.timeline-item{padding:10px 0;position:relative;width:50%;margin-bottom:30px}.timeline-item:nth-child(odd){left:0;padding-right:40px;text-align:right}.timeline-item:nth-child(2n){left:50%;padding-left:40px}.timeline-dot{position:absolute;width:20px;height:20px;background-color:var(--accent-color);border-radius:50%;top:20px;z-index:1;border:3px solid var(--primary-color)}.timeline-item:nth-child(odd) .timeline-dot{right:-10px}.timeline-item:nth-child(2n) .timeline-dot{left:-10px}.timeline-content{background-color:var(--bg-dark);padding:25px;border-radius:8px;box-shadow:0 4px 15px #0003;position:relative;color:var(--text-light)}.timeline-content h3{margin-top:0;color:var(--primary-color);font-size:1.5em}.timeline-content .company-name{font-size:.9em;font-weight:400;color:var(--accent-color);display:block;margin-top:5px}.timeline-content .timeline-date{font-size:.9em;color:#bbb;margin-bottom:15px;display:block}.timeline-content:after{content:"";position:absolute;width:0;height:0;border-style:solid;top:25px}.timeline-item:nth-child(odd) .timeline-content:after{border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--bg-dark);right:-10px}.timeline-item:nth-child(2n) .timeline-content:after{border-width:10px 10px 10px 0;border-color:transparent var(--bg-dark) transparent transparent;left:-10px}.project-filters{text-align:center;margin-bottom:40px}.project-filters .filter-btn{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:8px 18px;border-radius:20px;margin:5px;cursor:pointer;transition:all .3s ease;font-weight:600}.project-filters .filter-btn.active,.project-filters .filter-btn:hover{background-color:var(--primary-color);color:var(--text-light)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{background-color:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003;border-radius:10px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 15px 45px #0000004d}.project-card img{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--border-color)}.project-card h3{color:var(--secondary-color);margin:20px 20px 10px;font-size:1.6em}.project-card .project-tags{margin:0 20px 15px;display:flex;flex-wrap:wrap;gap:8px}.project-card .project-tags span{background-color:var(--primary-color);color:var(--text-light);padding:6px 10px;border-radius:15px;font-size:.8em;font-weight:600}.project-card p{color:var(--text-dark);padding:0 20px;flex-grow:1}.project-card .project-links{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.project-card .btn-small{padding:8px 15px;font-size:.9em;background-color:var(--primary-color);color:var(--text-light);border-radius:5px;transition:background-color .3s ease}.project-card .btn-small:hover{background-color:var(--accent-color)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.skill-item{background-color:var(--secondary-color);padding:30px;border-radius:10px;text-align:center;box-shadow:0 5px 20px #0003;transition:transform .3s ease;color:var(--text-light)}.skill-item:hover{transform:translateY(-5px)}.skill-item .skill-icon{font-size:3.5em;color:var(--primary-color);margin-bottom:15px}.skill-item h3{color:var(--primary-color);font-size:1.4em;margin-bottom:10px}.skill-item p{font-size:.95em;color:#bbb}.skill-level{background-color:#4a627a;border-radius:5px;height:8px;margin:15px 0;overflow:hidden}.skill-level span{display:block;height:100%;background-color:var(--primary-color);border-radius:5px;width:0%;transition:width 1s ease-out}.contact-form{max-width:700px;margin:0 auto 50px;background-color:var(--text-light);padding:40px;border-radius:10px;box-shadow:0 5px 20px #0000001a}#contact p:first-of-type{text-align:center;max-width:700px;margin:0 auto 30px;font-size:1.15em;color:var(--secondary-color)}.contact-form .form-group{margin-bottom:20px}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=text][name=subject],.contact-form textarea{width:calc(100% - 20px);padding:12px 10px;border:1px solid var(--border-color);border-radius:5px;font-family:var(--font-body);font-size:1em;color:var(--text-dark)}.contact-form textarea{resize:vertical}.contact-form button{width:auto;display:block;margin:0 auto}.form-messages{margin-top:20px;padding:10px;border-radius:5px;text-align:center;font-weight:700;display:none}.form-messages.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-messages.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-info{max-width:600px;margin:0 auto 50px;text-align:center;padding-top:30px;border-top:1px dashed var(--border-color)}.contact-info p{font-size:1.1em;margin-bottom:10px;color:var(--secondary-color)}.contact-info i{color:var(--primary-color);margin-right:10px;font-size:1.2em}footer{background-color:var(--secondary-color);color:var(--text-light);text-align:center;padding:30px 0;font-size:.9em}.footer-social{margin-top:15px}.footer-social a{color:var(--text-light);font-size:1.5em;margin:0 10px;transition:color .3s ease}.footer-social a:hover{color:var(--primary-color)}#scrollToTopBtn{display:none;position:fixed;bottom:30px;right:30px;z-index:99;border:none;outline:none;background-color:var(--primary-color);color:#fff;cursor:pointer;padding:15px;border-radius:50%;font-size:1.5em;box-shadow:0 4px 8px #0003;transition:background-color .3s ease}#scrollToTopBtn:hover{background-color:var(--accent-color)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.appear{opacity:1;transform:translateY(0)}.burger-menu{display:none;cursor:pointer}.burger-menu div{width:25px;height:3px;background-color:var(--text-light);margin:5px;transition:all .3s ease}@media(max-width:992px){.burger-menu{display:block}.burger-menu.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.burger-menu.toggle .line2{opacity:0}.burger-menu.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.nav-links{position:fixed;right:0;top:0;height:100vh;background-color:var(--secondary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;transform:translate(100%);transition:transform .4s ease-in-out;z-index:9999;box-shadow:-5px 0 15px #0000004d;padding-top:60px;box-sizing:border-box;overflow-y:auto}.nav-links.nav-active{transform:translate(0)}.nav-links li{margin:25px 0;opacity:0;display:block;width:100%;text-align:center}.nav-links.nav-active li{opacity:1;transition:opacity .5s ease .3s}.nav-links li a{color:var(--text-light);font-size:1.8em;font-weight:600;text-decoration:none;transition:color .3s ease;display:block;padding:10px 0}.nav-links li a:hover{color:var(--primary-color)}body.no-scroll{overflow:hidden}.language-switcher{position:absolute;right:80px;top:50%;transform:translateY(-50%);margin-left:0}.nav-links.nav-active+.language-switcher{z-index:99999}.hero h1{font-size:2.5em}.hero p{font-size:1em}.timeline:before{left:20px}.timeline-item{width:100%;padding-left:40px;text-align:left}.timeline-item:nth-child(odd){padding-right:0;text-align:left}.timeline-item:nth-child(2n){left:0}.timeline-item:nth-child(odd) .timeline-dot,.timeline-item:nth-child(2n) .timeline-dot{left:10px;right:auto}.timeline-item:nth-child(odd) .timeline-content:after,.timeline-item:nth-child(2n) .timeline-content:after{left:0;border-width:10px 10px 10px 0;border-color:transparent var(--bg-dark) transparent transparent}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){h1,h2{font-size:2em}.cta-buttons{flex-direction:column;gap:15px}.btn{width:80%;margin:0 auto}.project-card{margin:0 10px}}@media(max-width:480px){.container{padding:10px}.hero h1{font-size:1.8em}.hero p{font-size:.9em}.profile-img{width:150px;height:150px}.nav-links{width:100%}.contact-form{padding:20px}.nav-links.nav-active~.language-switcher{display:none}}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width:768px){.container{padding:0 15px}}@media(max-width:480px){.container{padding:0 10px}}header{position:fixed;top:0;width:100%;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;transition:all .3s}header.scrolled{background:#fffffffa;box-shadow:0 5px 30px #0000001a;padding:0}.header-container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;max-width:1400px;margin:0 auto}.logo{font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:25px;margin:0;padding:0}.nav-links a{color:#2c3e50;font-weight:600;font-size:.95em;transition:all .3s;position:relative;padding:5px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.language-switcher{display:flex;gap:8px}.lang-btn{padding:6px 14px;border:2px solid #667eea;background:transparent;color:#667eea;border-radius:20px;font-weight:600;font-size:.85em;cursor:pointer;transition:all .3s}.lang-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.burger-menu{display:none;cursor:pointer;color:#2c3e50}@media(max-width:992px){.burger-menu{display:block;z-index:1001}.nav-links{position:fixed;right:-100%;top:0;height:100vh;width:280px;max-width:80%;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:right .4s ease;box-shadow:-5px 0 15px #0003}.nav-links.nav-active{right:0}.nav-links li{margin:15px 0;width:100%;text-align:center}.nav-links a{color:#fff;font-size:1.3em;display:block;padding:10px 20px;border-radius:8px;transition:all .3s}.nav-links a:hover,.nav-links a.active{background:#fff3}.nav-links a:after{display:none}.language-switcher{order:-1;margin-right:15px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}#tsparticles{position:absolute;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:40px 20px}.profile-img-container{position:relative;display:inline-block;margin-bottom:30px}.profile-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:5px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0000004d;position:relative;z-index:2}.profile-img-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.6),transparent);filter:blur(20px);z-index:1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.hero-title{font-size:3.5em;color:#fff;margin:20px 0;font-weight:700;text-shadow:2px 2px 20px rgba(0,0,0,.3)}.gradient-text{background:linear-gradient(90deg,#00d4ff,#ff00ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typewriter-container{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;margin:30px auto;max-width:600px;border:1px solid rgba(255,255,255,.2)}.code-icon{font-size:2em;color:#00d4ff}.typewriter-modern{font-size:1.5em;color:#fff;font-weight:600;min-height:40px;display:inline-block}.hero-description{font-size:1.3em;color:#fffffff2;margin:20px 0;line-height:1.8}.hero-description-secondary{font-size:1.1em;color:#ffffffd9;line-height:1.6;max-width:700px;margin:20px auto}.modern-btn{position:relative;padding:15px 35px;font-size:1.1em;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:1px;overflow:hidden;border:none;cursor:pointer;transition:all .3s}.modern-btn.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px #667eea66}.btn-shine{position:absolute;top:0;left:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none}.modern-btn.secondary-btn{background:transparent;border:2px solid white;color:#fff}.btn-icon{margin-right:10px}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.mouse{width:30px;height:50px;border:2px solid rgba(255,255,255,.8);border-radius:20px;position:relative}.wheel{width:4px;height:10px;background:#fffc;border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.projects-modern{padding:100px 0;background:linear-gradient(180deg,#f8f9fa,#e9ecef)}.section-title{font-size:3em;text-align:center;margin-bottom:60px;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:20px}.section-icon{color:#667eea}.project-filters-modern{display:flex;justify-content:center;gap:15px;margin-bottom:60px;flex-wrap:wrap}.filter-btn-modern{padding:12px 30px;border:2px solid #667eea;background:transparent;color:#667eea;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s}.filter-btn-modern.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 5px 20px #667eea66}.project-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;perspective:1000px}.tilt-card{height:100%}.project-card-modern{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;transition:all .3s;height:100%;display:flex;flex-direction:column}.project-image-container{position:relative;overflow:hidden;height:250px}.project-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card-modern:hover .project-image-container img{transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card-modern:hover .project-overlay{opacity:1}.overlay-btn{padding:12px 25px;background:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px}.project-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.project-color-bar{height:4px;border-radius:2px;margin-bottom:15px}.project-content h3{font-size:1.5em;color:#2c3e50;margin-bottom:15px}.project-tags-modern{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.project-tags-modern span{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;font-size:.85em;font-weight:600}.project-description-short{color:#666;line-height:1.6;flex-grow:1;margin-bottom:20px}.project-links-modern{display:flex;gap:15px;margin-top:auto}.project-links-modern a{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f8f9fa;color:#2c3e50;border-radius:20px;font-weight:600;transition:all .3s;text-decoration:none}.project-links-modern a:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.project-card-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none}.project-card-modern:hover .project-card-glow{opacity:1}.project-modal-backdrop{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.project-modal{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:40px}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#f8f9fa;border-radius:50%;font-size:1.5em;cursor:pointer;transition:all .3s}.modal-close:hover{background:#e74c3c;color:#fff;transform:rotate(90deg)}.project-modal img{width:100%;border-radius:15px;margin-bottom:20px}.project-modal h3{font-size:2em;margin-bottom:15px;color:#2c3e50}.modal-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.modal-tags span{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-weight:600}.project-modal p{color:#666;line-height:1.8;margin-bottom:30px}.modal-links{display:flex;gap:15px}.modal-links a{padding:12px 25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:30px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .3s}.modal-links a:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.skills-modern{padding:100px 0;background:linear-gradient(135deg,#2c3e50,#34495e);position:relative;overflow:hidden}.skills-modern:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(102,126,234,.1),transparent);border-radius:50%;top:-250px;right:-250px}.skills-modern:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(118,75,162,.1),transparent);border-radius:50%;bottom:-200px;left:-200px}.skills-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;position:relative;z-index:1}.skill-card-modern{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;text-align:center;position:relative;overflow:hidden;transition:all .3s}.skill-card-modern:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 20px 60px #0000004d}.skill-icon-container{position:relative;width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.skill-icon-modern{font-size:3em;z-index:2;position:relative}.skill-icon-glow{position:absolute;width:100%;height:100%;border-radius:50%;filter:blur(20px);z-index:1}.skill-card-modern h3{color:#fff;font-size:1.3em;margin-bottom:20px}.skill-level-container{margin:20px 0}.skill-level-bg{background:#ffffff1a;height:12px;border-radius:10px;overflow:hidden;position:relative}.skill-level-fill{height:100%;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;box-shadow:0 0 20px currentColor}.skill-percentage{color:#fff;font-weight:700;font-size:.9em}.skill-level-text{color:#ffffffb3;margin-top:10px}.skill-particles{position:absolute;inset:0;pointer-events:none}.skill-particle{position:absolute;width:4px;height:4px;border-radius:50%;top:50%;left:50%}@media(max-width:768px){.hero-title{font-size:2em}.hero-description,.hero-description-secondary{font-size:.95em}.typewriter-container{flex-direction:column;gap:10px}.typewriter-modern{font-size:1em}.profile-img{width:150px;height:150px}.profile-img-glow{width:170px;height:170px}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%}.project-grid-modern{grid-template-columns:1fr;gap:20px}.section-title{font-size:1.8em}.about-content{padding:30px 20px}.experience-item{padding:20px}.timeline:before{left:20px}.experience-icon{left:0;width:40px;height:40px}.experience-content{margin-left:60px}.skills-grid{grid-template-columns:1fr;gap:15px}.contact-grid{grid-template-columns:1fr}.contact-form,.contact-info{padding:30px 20px}.footer-content{flex-direction:column;gap:20px;text-align:center}.social-links{justify-content:center}}@media(max-width:480px){.header-container{padding:10px 15px}.logo{font-size:1.2em}.language-switcher{gap:5px}.lang-btn{padding:5px 10px;font-size:.75em}.hero-title{font-size:1.6em}.hero-description,.hero-description-secondary{font-size:.85em}.typewriter-modern{font-size:.9em}.code-icon{font-size:1.2em}.profile-img{width:120px;height:120px}.profile-img-glow{width:140px;height:140px}.section-title{font-size:1.5em}.modern-btn{padding:12px 24px;font-size:.9em}.filter-buttons .filter-btn{padding:8px 16px;font-size:.85em}.experience-date{font-size:.8em}.skill-card{padding:20px 15px}.skill-name{font-size:.95em}.contact-info-item h3{font-size:1em}.contact-info-item p{font-size:.85em}input,textarea{font-size:.9em}.scroll-to-top{width:45px;height:45px;bottom:20px;right:20px}}@media(min-width:769px)and (max-width:1024px){.hero-content{max-width:700px}.project-grid-modern,.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:30px}}@media(min-width:1400px){.container{max-width:1400px}.hero-title{font-size:4.5em}.section-title{font-size:3em}.project-grid-modern{grid-template-columns:repeat(3,1fr)}}