:root{--bg-primary: #fff;--bg-secondary: #ededed;--text-primary: #333;--text-secondary: #666;--text-light: #2c3e50;--accent-primary: #3498db;--accent-secondary: #2980b9;--gradient-start: #667eea;--gradient-end: #764ba2;--card-bg: #fff;--shadow: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .1);--border-color: #e1e8ed;--frontend-color: #3b82f6;--backend-color: #7354af;--database-color: #10b981;--tools-color: #d97706}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e4e4e4;--text-secondary: #b8b8b8;--text-light: #f0f0f0;--accent-primary: #64b5f6;--accent-secondary: #42a5f5;--gradient-start: #667eea;--gradient-end: #764ba2;--card-bg: #2d2d2d;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4);--border-color: #404040;--frontend-color: #3b82f6;--backend-color: #7354af;--database-color: #10b981;--tools-color: #d97706}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}.flex-between{display:flex;justify-content:space-between}@media (max-width: 768px){.nav-links{display:none}.theme-toggle{margin-left:0}.hero h1{font-size:2rem}.about-content{grid-template-columns:1fr;text-align:center}.section-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.nav{display:none}.nav-mobile{display:block!important}.menu-toggle{display:flex;align-items:center;justify-content:center}.nav-links-mobile{display:flex;flex-direction:column;position:absolute;background:var(--bg-primary);color:var(--text-primary);list-style:none;right:20px;gap:10px;padding:10px}.nav-links-mobile a{padding:10px 50px 10px 5px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease}.nav-links-mobile a:hover{cursor:pointer;color:var(--text-light)}.about-content{display:flex!important;flex-direction:column!important}.profile-image{width:250px!important;height:250px!important}.about-text{margin:20px}.contact-info{display:flex;flex-direction:column}.skills-grid{max-width:430px;display:flex!important;flex-direction:column;gap:2rem!important}.exp-grid-content{max-width:380px!important}.exp-ul{padding-left:15px}.exp-header{flex-direction:column}.exp-header a{display:flex;justify-content:center}}.about{background:var(--bg-primary)}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;text-align:justify}.profile-image{width:100%;max-width:300px;height:300px;border-radius:50%;background-image:url(/images/profileV2.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;margin:0 auto}.contact{text-align:center}.contact-content{margin:0 auto;display:flex;flex-direction:column;align-items:center}.contact-content p{max-width:600px}.contact-info{display:flex;gap:2rem;margin-top:3rem}.contact-item{padding:1.5rem;background:var(--bg-secondary);border-radius:10px;transition:background-color .3s ease}.contact-item h3{color:var(--text-light)}.contact-item a{color:var(--accent-primary);text-decoration:none}.contact-icon{display:flex;justify-content:center;align-items:center;gap:10px}.contact-icon svg{width:20px;height:20px}footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:2rem 0;transition:background-color .3s ease,color .3s ease}header{background:var(--bg-primary);box-shadow:0 2px 10px var(--shadow-hover);position:fixed;width:100%;top:0;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease;height:60px;display:flex}nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-size:1.5rem;font-weight:700;color:var(--text-light)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{padding:10px 5px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--accent-primary)}.theme-toggle{background:none;border:2px solid var(--accent-primary);color:var(--accent-primary);padding:.5rem 1rem;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-left:1rem}.theme-toggle:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-1px)}.nav-mobile{display:none}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem;font-weight:300}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button{display:inline-block;background:var(--bg-primary);color:var(--gradient-start);padding:12px 30px;text-decoration:none;border-radius:50px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--shadow-hover)}section{padding:80px 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-light);font-weight:300}.switch{display:block;--width-of-switch: 3.5em;--height-of-switch: 2em;--size-of-icon: 1.4em;--slider-offset: .3em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch);float:right}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f4f4f5;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:var(--size-of-icon, 1.4em);width:var(--size-of-icon, 1.4em);border-radius:20px;left:var(--slider-offset, .3em);top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#ff0080,#ff8c00 70%);transition:.4s}input:checked+.slider{background-color:#303136}input:checked+.slider:before{left:calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, .3em)));background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}.projects{background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px var(--shadow);transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.project-img{width:100%;height:100%;object-fit:fill}.project-img:hover{cursor:pointer}.project-content{padding:1.5rem}.project-content h3{color:var(--text-light);margin-bottom:.5rem}.project-content p{color:var(--text-secondary);margin-bottom:1rem;text-align:justify}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:var(--accent-primary);color:var(--bg-primary);padding:.2rem .6rem;border-radius:15px;font-size:.8rem;opacity:.9;transition:background-color .3s ease,color .3s ease}.project-links{display:flex;gap:1rem}.project-link{color:var(--accent-primary);font-weight:500;transition:color .3s ease}.project-link:hover{color:var(--accent-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:4rem}.skill-category:before{content:attr(data-status);display:none}.skill-category[data-status=frontend]{--card-color: var(--frontend-color)}.skill-category[data-status=backend]{--card-color: var(--backend-color)}.skill-category[data-status=database]{--card-color: var(--database-color)}.skill-category[data-status=tools]{--card-color: var(--tools-color)}.skill-category{background:var(--card-bg);border:3px solid var(--card-color);padding:2rem;border-radius:10px;box-shadow:0 5px 15px var(--shadow);text-align:center;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px)}.skill-category h3{color:var(--text-light);margin-bottom:1rem;font-size:1.3rem}.skill-tags{display:flex;flex-direction:column;gap:.7rem}.skill-tag{color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;opacity:.9;transition:background-color .3s ease,color .3s ease}.progress-bar{width:100%;background-color:var(--text-light);height:15px;border-radius:15px}.progress-fill:before{content:attr(data-status);content:attr(level-status);display:none}.progress-fill[data-status=frontend]{--skill-color: var(--frontend-color)}.progress-fill[data-status=backend]{--skill-color: var(--backend-color)}.progress-fill[data-status=database]{--skill-color: var(--database-color)}.progress-fill[data-status=tools]{--skill-color: var(--tools-color)}.progress-fill[level-status=Beginner]{--percentage: 35%}.progress-fill[level-status=Intermediate]{--percentage: 60%}.progress-fill[level-status=Advanced]{--percentage: 85%}.progress-fill{background-color:var(--skill-color);width:var(--percentage);height:15px;border-radius:15px}.experience{background:var(--bg-secondary)}.exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:5rem}.exp-ul{text-align:justify}.exp-ul li::marker{color:var(--accent-primary)}.exp-grid-content{max-width:800px}.exp-header{display:flex;gap:1rem}