@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sparkleFloat{0%{transform:translateY(100px) scale(0);opacity:0}50%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100vh;font-family:Inter,Helvetica Neue,Arial,sans-serif;background:transparent!important;color:#111;font-weight:400;letter-spacing:-.01em}:root{--bg-primary: #f7f8fa;--bg-secondary: #ffffff;--text-primary: #111;--text-secondary: #222;--border-color: #615f5f;--accent-color: #000;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}.dark{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #ffffff;--accent-color: #fff}.app-container{display:flex;height:100vh;border:2px solid var(--border-color);background:transparent;color:var(--text-primary);transition:all .3s ease;position:relative;z-index:1}.sidebar-left,.sidebar-right{display:flex;flex-direction:column;justify-content:space-between;padding:32px 16px 16px 32px;border-right:1px solid var(--border-color);background:#e3e2e2e5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:320px;flex-shrink:0;transition:all .3s ease;overflow:hidden;box-sizing:border-box}.dark .sidebar-left,.dark .sidebar-right{background:#121212f2;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px #ffffff0d,0 4px 20px #0003}.sidebar-right{border-right:none;border-left:1px solid var(--border-color);padding:32px 32px 16px 16px;align-items:flex-end;width:320px;flex-shrink:0}.sidebar-header{position:relative;flex-shrink:0;margin-bottom:2rem}.sidebar-header .name{font-size:3rem;font-weight:700;margin:0 0 .25em;letter-spacing:-.02em;color:var(--text-primary);font-family:var(--font-heading)}.dark .sidebar-header .name,.dark .sidebar-header .title{color:var(--accent-color)}.sidebar-header .title{font-size:1rem;color:var(--text-secondary);margin-bottom:2em;font-family:var(--font-body);font-weight:500;letter-spacing:.02em}.nav{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}.nav ul{list-style:none;padding:0;margin:0;flex:1}.nav-item{display:flex;align-items:center;margin-bottom:.75em;font-size:1rem;color:var(--text-primary)}.nav-button{background:none;border:none;color:inherit;font-family:var(--font-body);font-size:inherit;cursor:pointer;padding:0;margin-left:.5em;transition:color .2s ease;display:flex;align-items:center;gap:.5em;font-weight:500;letter-spacing:.01em}.nav-icon{font-size:1.2em;display:none}.nav-text{display:inline}.dark .nav-button,.nav-button:hover{color:var(--accent-color)}.nav-item.active .nav-button{font-weight:600;color:var(--accent-color)}.nav .dot{font-size:1.5em;color:var(--accent-color)}.theme-toggle-container{display:flex;justify-content:center;align-items:center;margin-top:auto;padding:1rem 0}.theme-toggle-switch{position:relative;display:inline-block}.theme-toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-label{display:block;position:relative;width:72px;height:36px;cursor:pointer;transition:all .3s ease}.toggle-track{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:36px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,inset 0 1px #ffffffe6;overflow:hidden}.toggle-label:hover .toggle-track{border-color:#dee2e6;box-shadow:0 4px 12px #0000001f,inset 0 1px #fffffff2}.toggle-indicator{position:absolute;top:4px;left:4px;width:24px;height:24px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000026,0 1px 3px #0000001a;z-index:2}.toggle-icons{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:1}.toggle-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:all .4s cubic-bezier(.4,0,.2,1);color:#6c757d}.toggle-icon svg{width:16px;height:16px;transition:all .3s ease}.toggle-sun{color:#ffc107;opacity:1;transform:scale(1)}.toggle-moon{color:#6c757d;opacity:.5;transform:scale(.8)}.dark .toggle-track{background:linear-gradient(135deg,#2c3e50,#34495e);border-color:#495057;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.dark .toggle-label:hover .toggle-track{border-color:#6c757d;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26}.dark .toggle-indicator{transform:translate(36px);background:linear-gradient(135deg,#495057,#6c757d);box-shadow:0 2px 6px #0000004d,0 1px 3px #0003}.dark .toggle-sun{opacity:.5;transform:scale(.8)}.dark .toggle-moon{opacity:1;color:#adb5bd;transform:scale(1)}.toggle-label:hover .toggle-indicator{box-shadow:0 3px 8px #0003,0 1px 4px #00000026}.dark .toggle-label:hover .toggle-indicator{box-shadow:0 3px 8px #0006,0 1px 4px #0000004d}.theme-toggle-switch input[type=checkbox]:focus+.toggle-label .toggle-track{outline:2px solid #007bff;outline-offset:2px}.toggle-label:active .toggle-indicator{transform:scale(.95)}.dark .toggle-label:active .toggle-indicator{transform:translate(36px) scale(.95)}.toggle-icon{transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-icon:hover,.dark .toggle-icon:hover{transform:scale(1.1)}.footer{font-size:.85em;color:var(--text-secondary);margin-top:1em;flex-shrink:0;text-align:center;font-family:var(--font-body);font-weight:400;letter-spacing:.02em}.dark .footer{color:var(--accent-color)}.main-content{background:transparent;position:relative;overflow-y:auto;flex:1;display:flex;flex-direction:column}.content-area{padding:32px;max-width:800px;margin:0 auto;flex:1;display:flex;flex-direction:column}.page-content h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary);position:relative;display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;text-shadow:0 2px 10px rgba(0,0,0,.1);font-family:var(--font-heading);letter-spacing:-.03em}.page-content h2:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradientShift 3s ease infinite;border-radius:2px;opacity:.9;box-shadow:0 2px 8px #667eea4d}.dark .page-content h2{background:linear-gradient(135deg,#a8edea,#fed6e3);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .page-content h2:after{background:linear-gradient(90deg,#a8edea,#fed6e3,#a8edea);background-size:200% 100%;box-shadow:0 2px 8px #a8edea4d}.page-content p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem;position:relative;padding:0 10px;transition:all .3s ease;font-family:var(--font-body);font-weight:700;letter-spacing:.01em}.page-content p:hover{transform:translate(5px);color:var(--text-primary)}.page-content .about-text{font-size:1.15rem;line-height:1.9;color:var(--text-secondary);margin-bottom:2.5rem;padding:2.5rem;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:16px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;font-family:var(--font-body);font-weight:400;letter-spacing:.02em}.page-content .about-text:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00000026;border-color:#ffffff4d}.page-content .about-text:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradientShift 3s ease infinite}.page-content .about-text strong{color:var(--text-primary);font-weight:700;font-size:1.2rem;text-shadow:0 1px 3px rgba(0,0,0,.1);font-family:var(--font-heading);letter-spacing:-.01em}.dark .page-content .about-text{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #0000004d}.page-content .about-text p{margin-bottom:1.8rem;font-weight:500;position:relative;font-family:var(--font-body);letter-spacing:.02em}.page-content .about-text p:last-child{margin-bottom:0;font-weight:600;font-size:1.3rem;text-align:center;padding-top:1.5rem;border-top:2px solid rgba(255,255,255,.2);color:var(--accent-color);text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:var(--font-heading);letter-spacing:-.01em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;margin-top:3rem;padding:0 1rem}.project-item{padding:2.5rem;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffff26,#ffffff0d);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:20px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 35px #0000001a;font-family:var(--font-body)}.project-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .3s ease}.project-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #0003;border-color:#667eea66;background:linear-gradient(135deg,#fff3,#ffffff14)}.project-item:hover:before{opacity:1}.project-item h3{font-size:1.6rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:700;font-family:var(--font-heading);letter-spacing:-.02em;position:relative;transition:all .3s ease}.project-item:hover h3{color:var(--accent-color);transform:translate(5px)}.dark .project-item h3{color:var(--accent-color)}.dark .project-item p{color:var(--text-secondary)}.project-item img{width:100%;height:220px;object-fit:cover;border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 8px 25px #00000026}.project-item .image-wrapper{position:relative;width:100%;margin-bottom:2rem;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#0000001a,#0000000d)}.project-item .image-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.project-item:hover .image-wrapper:before{opacity:1}.project-item .image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;pointer-events:none;z-index:1;transition:opacity .3s ease}.project-item:hover .image-wrapper:after{opacity:.1}.project-item img{width:100%;height:220px;object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:0}.project-item:hover img{transform:scale(1.05);box-shadow:0 15px 35px #00000040}.project-item p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin:0;font-weight:500;margin-bottom:2rem;font-family:var(--font-body);letter-spacing:.01em;transition:all .3s ease}.project-item:hover p{color:var(--text-primary);transform:translate(3px)}.project-item a{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#6d6d6d,#000);color:#fff;text-decoration:none;border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:var(--font-body);letter-spacing:.02em;position:relative;overflow:hidden;box-shadow:0 8px 25px #667eea4d}.project-item a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.project-item a:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66;border-color:#ffffff4d}.project-item a:hover:before{left:100%}.dark .project-item{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 35px #0000004d}.dark .project-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-color:#a8edea66;box-shadow:0 25px 50px #0006}.dark .project-item a{background:linear-gradient(135deg,#fff,#b5b5b5);color:#1a1a1a;box-shadow:0 8px 25px #a8edea4d}.dark .project-item a:hover{box-shadow:0 12px 35px #a8edea66}@keyframes projectFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.project-item{animation:projectFloat 6s ease-in-out infinite;animation-delay:calc(var(--animation-order, 0) * .2s)}.project-item:nth-child(1){--animation-order: 1}.project-item:nth-child(2){--animation-order: 2}.project-item:nth-child(3){--animation-order: 3}.project-item:nth-child(4){--animation-order: 4}.project-item:nth-child(5){--animation-order: 5}.project-item:nth-child(6){--animation-order: 6}.sidebar-right .bio{font-size:1em;color:var(--text-primary);font-family:inherit;text-align:left;font-weight:700;line-height:1.2;max-width:260px}.contact-container{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-width:300px}.contact-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#0000001a,#ffffff0d);border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.contact-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--accent-color)}.contact-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--bg-secondary);border-radius:50%;flex-shrink:0}.contact-details h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.contact-details p{color:var(--text-secondary);font-size:.95rem;margin:0}.social-links{padding:2rem;background:linear-gradient(135deg,#0000001a,#0000000d);border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;min-width:300px}.social-links h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.social-grid{display:flex;flex-wrap:wrap;gap:1rem}.social-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff1a;border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;border:1px solid transparent;flex:1;min-width:140px;justify-content:center}.social-link:hover{background:var(--accent-color);color:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.social-icon{font-size:1.2rem}.social-svg{width:24px;height:24px;stroke:currentColor;fill:none;transition:all .3s ease}.social-link:hover .social-svg{stroke:var(--bg-secondary);fill:var(--bg-secondary);transform:scale(1.1)}.social-link.linkedin:hover .social-svg{fill:#000;stroke:none}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#000}.social-link.instagram:hover .social-svg{stroke:#000}.social-link.instagram:hover .social-svg{stroke:#000;fill:none}.social-link.whatsapp .social-svg{fill:currentColor;stroke:none}.social-link.whatsapp:hover{background:#25d366;color:#fff}.social-link.whatsapp:hover .social-svg{fill:#fff;stroke:none}.social-link.github .social-svg{fill:currentColor;stroke:none}.social-link.github:hover{background:#333;color:#fff}.social-link.github:hover .social-svg{fill:#fff;stroke:none}.social-link.linkedin .social-svg{fill:currentColor;stroke:none}.social-link.linkedin:hover{background:#0077b5;color:#fff}.social-link.linkedin:hover .social-svg{fill:#fff;stroke:none}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-link.instagram:hover .social-svg{stroke:#fff}.dark .contact-item,.dark .social-links{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1)}.dark .social-link{background:#ffffff0d}.certifications-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;justify-content:center}.cert-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#00000026,#0000000d);border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #00000014;padding:2rem 1.5rem;max-width:420px;width:100%;transition:transform .3s,box-shadow .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.cert-card:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 16px 40px #00000026;border-color:var(--accent-color)}.cert-img{width:100%;max-width:380px;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:1.5rem;background:#fff}.cert-info{text-align:center}.cert-info h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.cert-info p{font-size:.98rem;color:var(--text-secondary);margin-bottom:.25rem}.cert-link{display:inline-block;margin-top:.75rem;padding:.5rem 1.25rem;background:var(--accent-color);color:var(--bg-secondary);border-radius:6px;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s;border:1px solid var(--accent-color)}.cert-link:hover{background:transparent;color:var(--accent-color);box-shadow:0 2px 12px #0000001a}.bottom-nav{display:none}@media (max-width: 770px){.sidebar-left{width:280px}.nav-item{font-size:.9rem}.projects-grid{grid-template-columns:1fr;gap:2rem;padding:0 .5rem}.project-item{padding:2rem;margin-bottom:1rem}.project-item h3{font-size:1.4rem}.project-item p{font-size:1rem}.project-item img{height:180px}.cert-card{padding:1rem .5rem;max-width:98vw}.cert-img{max-width:95vw}}@media (max-width: 768px){.app-container{flex-direction:row;height:100vh}.footer{margin-top:0;font-size:.6rem;text-align:center;opacity:.6;font-weight:400;min-width:120px}.sidebar-header .name{font-size:1.5rem}.project-item h3{font-size:1.3rem}.page-content h2{font-size:1.8rem}.page-content p{font-size:.9rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;padding:0}.project-item{padding:1.5rem;border-radius:16px}.project-item img{height:160px}.project-item h3{font-size:1.2rem;margin-bottom:1rem}.project-item p{font-size:.95rem;margin-bottom:1.5rem}.project-item a{padding:.75rem 1.5rem;font-size:.9rem}.sidebar-left{width:100%;min-width:100%;max-width:100%;border:none;border-bottom:1px solid rgba(0,0,0,.08);padding:10px;position:fixed;top:0;left:0;z-index:1000;transform:none;transition:all .3s ease;flex-direction:row;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px #0000000d,0 4px 20px #00000014}.theme-toggle-container{display:flex;justify-content:center;align-items:center;margin-top:auto;padding:.5rem 0}.theme-toggle-switch{position:relative;display:flex}.toggle-label{width:64px;height:32px}.toggle-track{border-width:1.5px}.toggle-indicator{width:20px;height:20px;top:3px;left:3px}.dark .toggle-indicator{transform:translate(32px)}.toggle-icon svg{width:14px;height:14px}.toggle-icons{padding:0 6px}.dark .toggle-label:active .toggle-indicator{transform:translate(32px) scale(.95)}.sidebar-left.open{transform:none}.sidebar-header{margin-bottom:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:140px}.sidebar-header .name{font-size:1rem;margin:0;font-weight:600;letter-spacing:-.01em}.sidebar-header .title{font-size:.7rem;margin:0;opacity:.7;font-weight:400}.sidebar-left.closed{transform:none}.hamburger-menu,.sidebar-right{display:none}.main-content{flex:1;margin-left:0;padding-top:50px;padding-bottom:90px}.content-area{padding:20px 16px;max-width:100%}.nav{display:none}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -1px #0000000d,0 -4px 20px #00000014;z-index:999;display:flex;align-items:center;justify-content:center;padding:0 16px}.dark .bottom-nav{background:#121212f2;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -1px #ffffff0d,0 -4px 20px #0003}.bottom-nav .nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:100%;gap:0}.bottom-nav .nav ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%;padding:0;margin:0;list-style:none}.bottom-nav .nav-icon{display:inline-block;font-size:1.2em;transition:all .3s ease}.bottom-nav .nav-text{display:none}.bottom-nav .nav-item{display:flex;justify-content:center;align-items:center;margin-bottom:0;flex:1;max-width:60px}.bottom-nav .nav .dot{display:none}.bottom-nav .nav-button{display:flex;margin-left:0;justify-content:center;align-items:center;padding:6px 4px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:22px;height:26px;background:transparent;border:none;position:relative;overflow:hidden}.bottom-nav .nav-button:before{content:"";position:absolute;inset:0;background:#0000000d;border-radius:10px;opacity:0;transition:opacity .3s ease}.bottom-nav .nav-button:hover:before{opacity:1}.bottom-nav .nav-item.active .nav-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.bottom-nav .nav-item.active .nav-button:before{display:none}.bottom-nav .nav-button:hover{transform:translateY(-1px)}.dark .bottom-nav .nav-item.active .nav-button{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#1a1a1a;box-shadow:0 4px 15px #a8edea66}.bottom-nav .nav-item.active .nav-button{background:linear-gradient(135deg,#b5b5b5,#313131);color:#fff;box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}@media (max-width: 480px){.bottom-nav .nav-button{padding:6px 4px;min-width:30px;height:30px}}.bottom-nav .nav ul li{display:flex;flex-direction:row;align-items:center;justify-content:center}.bottom-nav{display:flex}.nav-button:hover{transform:translateY(-1px)}.dark .nav-item.active .nav-button{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#1a1a1a;box-shadow:0 4px 15px #a8edea66}.contact-container{flex-direction:column;gap:1.5rem}.contact-info{min-width:auto;width:100%}.social-links{min-width:auto;width:100%;padding:1.5rem}.social-grid{flex-direction:column}.social-link{min-width:auto;width:100%;justify-content:flex-start}.contact-item{padding:1rem}.contact-icon{width:50px;height:50px;font-size:1.5rem}.sidebar-header .name{font-size:12px;font-weight:550;text-align:center}.sidebar-header .title{font-size:10px;text-align:center}}@media (max-width: 480px){.contact-container{gap:1rem}.page-content h2{font-size:1rem}.contact-item{padding:.75rem}.contact-icon{width:45px;height:45px;font-size:1.3rem}.social-links{padding:1rem}.social-link{padding:.75rem;font-size:.9rem}.contact-details h3{font-size:1rem}.contact-details p{font-size:.85rem}.sidebar-header .name{font-size:13px;font-weight:550}.sidebar-header .title{font-size:9px}.projects-grid{gap:1rem;margin-top:1.5rem}.project-item{padding:10px;border-radius:12px}.project-item img{height:140px}.project-item h3{font-size:15px}.project-item p{font-size:.9rem;padding:0}.project-item a{padding:.6rem 1.2rem;font-size:.85rem}}.page-content{position:relative;z-index:2}.home-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 15px 35px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.home-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:gradientShift 3s ease infinite}.home-content:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000026}.dark .home-content{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 35px #0000004d}.home-header{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;text-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:1rem;position:relative;font-family:var(--font-heading);letter-spacing:-.03em}.home-header:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradientShift 3s ease infinite;border-radius:2px;opacity:.8}.dark .home-header{background:linear-gradient(135deg,#a8edea,#fed6e3);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .home-header:after{background:linear-gradient(90deg,#a8edea,#fed6e3,#a8edea);background-size:200% 100%}.home-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 10px 25px #0003;transition:all .3s ease;position:relative;overflow:hidden}.home-image:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:rotate 3s linear infinite;pointer-events:none}.home-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 15px 35px #0000004d;border-color:#667eea80}.dark .home-image{border-color:#fff3;box-shadow:0 10px 25px #0006}.dark .home-image:hover{border-color:#a8edea80}.home-description{font-size:1.2rem;line-height:1.8;color:var(--text-secondary);max-width:600px;margin:0 auto;padding:0 1rem;position:relative;transition:all .3s ease;font-family:var(--font-body);font-weight:400;letter-spacing:.02em}.home-description:hover{color:var(--text-primary);transform:scale(1.02)}.dark .home-description{color:var(--text-secondary)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.home-content{padding:1.5rem;gap:1.5rem}.home-header{font-size:2.2rem}.home-image{width:150px;height:150px}.home-description{font-size:1.1rem;line-height:1.7;padding:0}}@media (max-width: 480px){.home-content{padding:1rem;gap:1rem}.home-header{font-size:1.8rem}.home-image{width:120px;height:120px}.home-description{font-size:1rem;line-height:1.6}}.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.blog-post{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:16px;border:1px solid rgba(102,126,234,.12);box-shadow:0 8px 24px #667eea14;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s;position:relative;display:flex;flex-direction:column;gap:1rem}.blog-post:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #667eea26;border-color:#667eea}.blog-post h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);font-family:var(--font-heading);letter-spacing:-.01em}.blog-meta{font-size:.95rem;color:#764ba2;font-weight:600;margin-bottom:.5rem;font-family:var(--font-mono)}.blog-post p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:1rem;font-family:var(--font-body)}.blog-readmore{align-self:flex-start;padding:.5rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #667eea1f;margin-top:auto}.blog-readmore:hover{background:linear-gradient(135deg,#764ba2,#667eea);color:#fff;box-shadow:0 4px 16px #667eea2e}@media (max-width: 768px){.blog-list{grid-template-columns:1fr;gap:1.2rem}.blog-post{padding:1.2rem 1rem}.blog-post h3{font-size:1.1rem}.blog-meta{font-size:.85rem}.blog-post p{font-size:.95rem}.blog-readmore{font-size:.95rem;padding:.4rem 1rem}}@media (max-width: 480px){.blog-list{gap:.7rem}.blog-post{padding:.8rem .5rem;border-radius:10px}.blog-post h3{font-size:1rem}.blog-meta{font-size:.75rem}.blog-post p{font-size:.9rem}.blog-readmore{font-size:.9rem;padding:.3rem .7rem}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .5s ease-in-out}.loader-container{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;max-width:400px;width:90%;padding:2rem}.loader-logo{animation:logoFloat 2s ease-in-out infinite}.loader-logo svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.loader-text h2{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin:0;animation:textSlideIn .8s ease-out;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loader-text p{color:#ffffffe6;font-size:clamp(1rem,2.5vw,1.2rem);margin:.5rem 0 0;animation:textSlideIn .8s ease-out .2s both;font-weight:400}.progress-container{width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:progressSlideIn .8s ease-out .4s both}.progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#f0f0f0);border-radius:3px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.progress-text{color:#fff;font-size:clamp(.875rem,2vw,1rem);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.loading-dots{display:flex;gap:.5rem;animation:dotsSlideIn .8s ease-out .6s both}.dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes textSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dotsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{transform:scale(1);opacity:1}40%{transform:scale(1.2);opacity:.7}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.loader-container{gap:1.5rem;padding:1.5rem}.loader-logo svg{width:50px;height:50px}}@media (max-width: 480px){.loader-container{gap:1rem;padding:1rem}.loader-logo svg{width:40px;height:40px}.progress-bar{height:4px}.dot{width:6px;height:6px}}@media (prefers-color-scheme: dark){.loader-overlay{background:linear-gradient(135deg,#1a1a2e,#16213e)}}@media (prefers-contrast: high){.loader-overlay{background:#000}.loader-text h2,.loader-text p,.progress-text{color:#fff}.progress-fill,.dot{background:#fff}}