body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{color:#fff;text-align:center}.loading-content h1{font-size:3rem;font-weight:700;margin-bottom:2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{border-radius:8px;color:#667eea;cursor:pointer;font-size:1.5rem;font-weight:700;padding:.5rem 1rem;transition:all .3s ease}.nav-logo:hover{background:#667eea1a}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-menu a{color:#333;cursor:pointer;font-weight:500;text-decoration:none;transition:all .3s ease}.nav-menu a:hover{color:#667eea}.nav-actions{gap:1rem}.nav-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{background:#667eea1a;transform:scale(1.1)}.nav-toggle{color:#333;cursor:pointer;display:none;font-size:1.5rem}.hero{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#667eea);color:#fff;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;opacity:.9}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.8}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,gold,#ffed4e);color:#333}.btn-primary:hover{box-shadow:0 10px 25px #ffd7004d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea}.hero-social{display:flex;gap:1rem}.social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-link:hover{background:#fff3;transform:translateY(-3px)}.hero-image,.hero-visual{position:relative}.hero-image{height:400px}.floating-card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:1.5rem;position:absolute}.floating-card:first-child{animation-delay:0s;left:10%;top:20%}.floating-card:nth-child(2){animation-delay:3s;right:10%;top:60%}.card-content h3{color:gold;font-size:1.2rem;margin-bottom:.5rem}.card-content p{font-size:.9rem;opacity:.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.about{background:#f8fafc;padding:6rem 0}.about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.about-text h3{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.about-text p{color:#666;line-height:1.7;margin-bottom:1.5rem}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.stat-item{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-item h4{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item p{color:#666;font-weight:500}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.feature-icon{color:#667eea;font-size:2.5rem;margin-bottom:1rem}.feature-card h4{color:#333;font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6}.skills{background:#fff;padding:6rem 0}.skills-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-category h3{color:#333;font-size:1.5rem;margin-bottom:2rem;text-align:center}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{background:#f8fafc;border-radius:10px;padding:1.5rem;transition:all .3s ease}.skill-item:hover{background:#f1f5f9;transform:translateX(5px)}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.skill-icon{color:#667eea;font-size:1.5rem;margin-right:1rem}.skill-name{color:#333;flex:1 1;font-weight:600}.skill-level{color:#667eea;font-weight:600}.skill-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.skill-progress{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:4px;height:100%}.additional-skills{margin-top:4rem;text-align:center}.additional-skills h3{color:#333;font-size:1.8rem;margin-bottom:2rem}.skills-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-tag{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-tag:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.experience{background:#f8fafc;padding:6rem 0}.experience-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.experience-timeline h3,.projects-section h3{color:#333;font-size:1.8rem;margin-bottom:2rem}.experience-item{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.experience-item:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.experience-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.experience-title h4{color:#333;font-size:1.3rem;margin-bottom:.5rem}.company{color:#667eea;font-weight:600}.experience-meta{color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem}.experience-meta span{align-items:center;display:flex;gap:.5rem}.experience-description{color:#666;line-height:1.6;margin-bottom:1rem}.experience-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#f1f5f9;border-radius:15px;color:#667eea;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.experience-achievements{list-style:none;padding-left:0}.experience-achievements li{color:#666;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.experience-achievements li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.project-image{height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-content h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.project-content p{color:#666;line-height:1.6;margin-bottom:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-link{align-items:center;color:#667eea;display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{color:#764ba2}.contact{background:#fff;padding:6rem 0}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-form h3,.contact-info h3{color:#333;font-size:1.8rem;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.contact-item:hover{background:#f1f5f9;transform:translateX(5px)}.contact-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#667eea;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.contact-text h4{color:#333;font-size:1rem;margin-bottom:.25rem}.contact-text a,.contact-text span{color:#666;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#667eea}.social-links h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.social-icons{display:flex;gap:1rem}.social-icon{align-items:center;background:#f8fafc;border-radius:50%;color:#667eea;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-icon:hover{background:#667eea;color:#fff;transform:translateY(-3px)}.contact-form{background:#f8fafc;border-radius:15px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-message{border-radius:8px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.submit-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.submit-message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.captcha-group{margin-bottom:1.5rem}.captcha-label{color:#374151;display:block;font-size:.9rem;margin-bottom:.5rem}.captcha-input,.captcha-label{font-weight:500;text-align:center}.captcha-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.captcha-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.captcha-input::placeholder{color:#9ca3af}@media (max-width:768px){.nav-menu{background:#fff;box-shadow:0 5px 20px #0000001a;flex-direction:column;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding-top:2rem;position:fixed;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-actions{gap:.5rem}.nav-toggle{display:block}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{flex-wrap:wrap;justify-content:center}.about-content,.contact-content,.experience-content{gap:2rem;grid-template-columns:1fr}.about-stats,.features-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}.container{padding:0 1rem}.section-header h2{font-size:2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.btn{font-size:.9rem;padding:.8rem 1.5rem}.section-header h2{font-size:1.8rem}.contact-form{padding:1.5rem}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#666;--border-color:#e5e7eb;--shadow-color:#0000001a;--navbar-bg:#fffffff2;--card-bg:#fff}.dark-mode{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--text-primary:#fff;--text-secondary:#e2e8f0;--border-color:#2d3748;--shadow-color:#0000004d;--navbar-bg:#1a1a2ef2;--card-bg:#16213e}.dark-mode body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary)}.dark-mode .navbar{background:#fffffff2;background:var(--navbar-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.dark-mode .nav-menu a{color:#333;color:var(--text-primary)}.dark-mode .nav-menu a:hover{color:#667eea}.dark-mode .nav-toggle,.dark-mode .theme-toggle{color:#333;color:var(--text-primary)}.dark-mode .about{background-color:#f8f9fa;background-color:var(--bg-secondary)}.dark-mode .skills{background-color:#fff;background-color:var(--bg-primary)}.dark-mode .experience{background-color:#f8f9fa;background-color:var(--bg-secondary)}.dark-mode .hero{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e)}.dark-mode .experience-item,.dark-mode .feature-card,.dark-mode .project-card,.dark-mode .skill-item,.dark-mode .stat-item{background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color)}.dark-mode .experience-item h4,.dark-mode .feature-card h4,.dark-mode .project-card h4,.dark-mode .skill-item h4,.dark-mode .stat-item h4{color:#333;color:var(--text-primary)}.dark-mode .experience-item p,.dark-mode .feature-card p,.dark-mode .project-card p,.dark-mode .skill-item p,.dark-mode .stat-item p{color:#666;color:var(--text-secondary)}.dark-mode .form-group input,.dark-mode .form-group textarea{background-color:#fff;background-color:var(--card-bg);border-color:#e5e7eb;border-color:var(--border-color);color:#333;color:var(--text-primary)}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dark-mode .captcha-input{background-color:#fff;background-color:var(--card-bg);border-color:#e5e7eb;border-color:var(--border-color);color:#333;color:var(--text-primary)}.dark-mode .captcha-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dark-mode .section-header h2{color:#333;color:var(--text-primary)}.dark-mode .section-header p{color:#666;color:var(--text-secondary)}.dark-mode .about-text h3,.dark-mode .experience-timeline h3,.dark-mode .skill-category h3{color:#333;color:var(--text-primary)}.dark-mode .about-text p,.dark-mode .experience-timeline p,.dark-mode .skill-category p{color:#666;color:var(--text-secondary)}.dark-mode .contact-info h3,.dark-mode .contact-info h4{color:#333;color:var(--text-primary)}.dark-mode .contact-info a,.dark-mode .contact-info p{color:#666;color:var(--text-secondary)}.dark-mode .contact-info a:hover{color:#667eea}.dark-mode .contact{background-color:#fff;background-color:var(--bg-primary)}.dark-mode .contact-form h3,.dark-mode .contact-info h3{color:#333;color:var(--text-primary)}.dark-mode .contact-item{background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color)}.dark-mode .contact-item:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.dark-mode .contact-icon{background-color:#fff;background-color:var(--card-bg);color:#667eea}.dark-mode .contact-text h4{color:#333;color:var(--text-primary)}.dark-mode .contact-text a,.dark-mode .contact-text span{color:#666;color:var(--text-secondary)}.dark-mode .social-links h4{color:#333;color:var(--text-primary)}.dark-mode .social-icon{background-color:#fff;background-color:var(--card-bg);color:#667eea}.dark-mode .social-icon:hover{background-color:#667eea;color:#fff}.dark-mode .contact-form{background-color:#fff;background-color:var(--card-bg)}.dark-mode .form-group label{color:#333;color:var(--text-primary)}.dark-mode .submit-message.success{background-color:#22c55e1a;border-color:#22c55e;color:#22c55e}.dark-mode .submit-message.error{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}
/*# sourceMappingURL=main.7f6220f6.css.map*/