*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #2a2a2a;--accent-primary: #00d4ff;--accent-secondary: #7c3aed;--text-primary: #ffffff;--text-secondary: #a1a1aa;--border-color: #333333;--gradient-primary: linear-gradient( 135deg, var(--accent-primary), var(--accent-secondary) );--gradient-text: linear-gradient( 135deg, var(--accent-primary), var(--accent-secondary) );--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--container-padding: 2rem;--section-padding: 5rem 0;--font-primary: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem}body{background-color:transparent;color:var(--text-primary)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.name-text{font-size:2.5rem;font-weight:800;color:var(--text-primary);text-align:center;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 0 30px rgba(0,212,255,.3);animation:nameGlow 3s ease-in-out infinite alternate}@keyframes nameGlow{0%{filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}to{filter:drop-shadow(0 0 20px rgba(0,212,255,.6))}}.name-underline{width:0;height:3px;background:var(--gradient-primary);margin:0 auto;animation:expandLine 2s ease-in-out}.clock-container{position:relative;display:flex;justify-content:center;align-items:center;margin:2rem 0}.clock-face{position:relative;width:150px;height:150px;border:4px solid var(--accent-primary);border-radius:50%;background:#00d4ff0d;box-shadow:0 0 30px #00d4ff66,inset 0 0 20px #00d4ff1a;animation:clockGlow 2s ease-in-out infinite alternate}@keyframes clockGlow{0%{box-shadow:0 0 30px #00d4ff66,inset 0 0 20px #00d4ff1a}to{box-shadow:0 0 50px #00d4ff99,inset 0 0 30px #00d4ff33}}.clock-number{position:absolute;font-size:.8rem;font-weight:600;color:var(--text-primary);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.clock-number:nth-child(1){top:8px;left:50%;transform:translate(-50%)}.clock-number:nth-child(2){top:20px;right:20px}.clock-number:nth-child(3){top:40px;right:8px}.clock-number:nth-child(4){top:50%;right:0;transform:translateY(-50%)}.clock-number:nth-child(5){bottom:40px;right:8px}.clock-number:nth-child(6){bottom:20px;right:20px}.clock-number:nth-child(7){bottom:8px;left:50%;transform:translate(-50%)}.clock-number:nth-child(8){bottom:20px;left:20px}.clock-number:nth-child(9){bottom:40px;left:8px}.clock-number:nth-child(10){top:50%;left:0;transform:translateY(-50%)}.clock-number:nth-child(11){top:40px;left:8px}.clock-number:nth-child(12){top:20px;left:20px}.hour-hand{position:absolute;top:50%;left:50%;width:4px;height:35px;background:var(--accent-primary);transform-origin:bottom center;transform:translate(-50%,-100%);border-radius:2px;animation:hourRotate 12s linear infinite;box-shadow:0 0 10px #00d4ff80}.minute-hand{position:absolute;top:50%;left:50%;width:3px;height:45px;background:var(--accent-secondary);transform-origin:bottom center;transform:translate(-50%,-100%);border-radius:1px;animation:minuteRotate 1s linear infinite;box-shadow:0 0 8px #7c3aed80}.second-hand{position:absolute;top:50%;left:50%;width:1px;height:50px;background:#ff4757;transform-origin:bottom center;transform:translate(-50%,-100%);animation:secondRotate 1s linear infinite;box-shadow:0 0 6px #ff475780}.center-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 0 15px #00d4ffb3}.loading-progress{width:100%;max-width:300px;text-align:center}.progress-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--gradient-primary);width:0%;border-radius:2px;animation:progressFill 3s ease-in-out}.progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.progress-percentage{color:var(--accent-primary);font-weight:600}.progress-message{color:var(--text-secondary);font-style:italic}@keyframes expandLine{0%{width:0}50%{width:200px}to{width:0}}@keyframes hourRotate{0%{transform:translate(-50%,-100%) rotate(0)}to{transform:translate(-50%,-100%) rotate(360deg)}}@keyframes minuteRotate{0%{transform:translate(-50%,-100%) rotate(0)}to{transform:translate(-50%,-100%) rotate(360deg)}}@keyframes secondRotate{0%{transform:translate(-50%,-100%) rotate(0)}to{transform:translate(-50%,-100%) rotate(360deg)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@media(max-width:768px){.name-text{font-size:2rem;letter-spacing:1px}.clock-face{width:120px;height:120px}.clock-number{font-size:.7rem;width:16px;height:16px}.clock-number:nth-child(1){top:5px;left:50%;transform:translate(-50%)}.clock-number:nth-child(2){top:15px;right:15px}.clock-number:nth-child(3){top:30px;right:5px}.clock-number:nth-child(4){top:50%;right:0;transform:translateY(-50%)}.clock-number:nth-child(5){bottom:30px;right:5px}.clock-number:nth-child(6){bottom:15px;right:15px}.clock-number:nth-child(7){bottom:5px;left:50%;transform:translate(-50%)}.clock-number:nth-child(8){bottom:15px;left:15px}.clock-number:nth-child(9){bottom:30px;left:5px}.clock-number:nth-child(10){top:50%;left:0;transform:translateY(-50%)}.clock-number:nth-child(11){top:30px;left:5px}.clock-number:nth-child(12){top:15px;left:15px}.hour-hand{width:3px;height:25px}.minute-hand{width:2px;height:32px}.second-hand{width:1px;height:38px}.center-dot{width:8px;height:8px}.loading-progress{max-width:250px}}@media(max-width:480px){.name-text{font-size:1.6rem;letter-spacing:.5px}.clock-face{width:100px;height:100px}.clock-number{font-size:.6rem;width:14px;height:14px}.clock-number:nth-child(1){top:2px;left:50%;transform:translate(-50%)}.clock-number:nth-child(2){top:8px;right:8px}.clock-number:nth-child(3){top:20px;right:2px}.clock-number:nth-child(4){top:50%;right:-2px;transform:translateY(-50%)}.clock-number:nth-child(5){bottom:20px;right:2px}.clock-number:nth-child(6){bottom:8px;right:8px}.clock-number:nth-child(7){bottom:2px;left:50%;transform:translate(-50%)}.clock-number:nth-child(8){bottom:8px;left:8px}.clock-number:nth-child(9){bottom:20px;left:2px}.clock-number:nth-child(10){top:50%;left:-2px;transform:translateY(-50%)}.clock-number:nth-child(11){top:20px;left:2px}.clock-number:nth-child(12){top:8px;left:8px}.hour-hand{width:2px;height:18px}.minute-hand{width:1.5px;height:25px}.second-hand{width:1px;height:30px}.center-dot{width:6px;height:6px}.loading-progress{max-width:200px}}.cursor{position:fixed;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;pointer-events:none;z-index:9998;transition:transform .1s ease;mix-blend-mode:difference}.cursor-follower{position:fixed;width:40px;height:40px;border:2px solid var(--accent-primary);border-radius:50%;pointer-events:none;z-index:9997;transition:all .3s ease;opacity:.5}.navbar{position:fixed;top:0;left:0;width:100%;background:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-bottom:none;z-index:1000;transition:all var(--transition-normal)}.navbar.scrolled{background:#02020566;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,212,255,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding);display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo .logo-link{display:flex;align-items:center;text-decoration:none;font-size:1.5rem;font-weight:800;color:var(--text-primary);position:relative}.logo-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;margin-left:.5rem;animation:pulse 2s infinite}.nav-menu{display:flex;gap:2rem;list-style:none;transition:all var(--transition-normal)}@media(max-width:992px){.nav-menu{gap:1rem}}@media(max-width:768px){.mobile-toggle{display:flex;position:relative;z-index:1001}.nav-menu{position:fixed;top:60px;right:5px;left:auto;width:75px;height:auto;max-height:90vh;background:#05050afa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:.25rem;gap:0;border-radius:var(--radius-sm);border:1px solid rgba(0,212,255,.6);transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:999;transform:perspective(800px) rotateX(-25deg) translateY(10px) scale(.65);opacity:0;pointer-events:none;box-shadow:0 0 40px #00d4ff80,inset 0 0 20px #00d4ff33;overflow:hidden}.nav-menu:before{content:"";position:absolute;inset:-150%;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.4),transparent 50%),radial-gradient(circle at 20% 30%,rgba(124,58,237,.3),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,212,255,.3),transparent 40%),radial-gradient(circle at 40% 80%,rgba(124,58,237,.2),transparent 50%);filter:blur(10px);animation:galaxyRotate 15s linear infinite;z-index:-2}.nav-menu:after{content:"";position:absolute;inset:-100%;background-image:radial-gradient(1px 1px at 10px 10px,#fff,transparent),radial-gradient(1.2px 1.2px at 30px 40px,#00d4ff,transparent),radial-gradient(1px 1px at 60px 20px,#fff,transparent),radial-gradient(2px 2px at 15px 70px,rgba(212,58,237,.8),transparent),radial-gradient(1px 1px at 45px 5px,rgba(0,212,255,1),transparent);background-size:70px 70px;animation:starFlow 20s linear infinite;opacity:.7;z-index:-1}@keyframes galaxyRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.nav-menu.active{left:auto;transform:perspective(800px) rotateX(0) translateY(0) scale(1);opacity:1;pointer-events:all}.nav-link{font-size:.6rem;font-weight:800;color:#fff;padding:.15rem .2rem;text-transform:capitalize;width:100%;transition:all .2s ease;border-radius:2px;position:relative;z-index:1;text-shadow:0 0 2px rgba(0,0,0,.5)}.nav-link:hover,.nav-link.active{color:#fff;background:#00d4ff4d;text-shadow:0 0 10px rgba(0,212,255,1),0 0 20px rgba(0,212,255,.5);padding-left:4px}.nav-indicator{display:none}}.nav-link{position:relative;text-decoration:none;color:var(--text-secondary);font-weight:500;padding:.5rem 0;transition:color var(--transition-normal);overflow:hidden}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-indicator{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-link:hover .nav-indicator,.nav-link.active .nav-indicator{width:100%}.nav-controls{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:2px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(180deg)}.theme-toggle:active{transform:rotate(180deg) scale(.9)}body.theme-transitioning .theme-toggle{pointer-events:none;opacity:.5}.mobile-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger-line{width:25px;height:2px;background:var(--text-primary);margin:3px 0;transition:all var(--transition-normal)}.container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all var(--transition-normal);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--accent-primary)}.btn-secondary:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:#fff}.section-header{text-align:center;margin-bottom:4rem}.section-subtitle{display:inline-block;color:var(--accent-primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;position:relative}.section-subtitle:before,.section-subtitle:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:var(--accent-primary)}.section-subtitle:before{left:-40px}.section-subtitle:after{right:-40px}.section-title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.section-divider{width:60px;height:4px;background:var(--gradient-primary);margin:0 auto;border-radius:2px}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:visible;padding-top:80px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:2px;height:2px;background:var(--accent-primary);border-radius:50%;animation:float 6s ease-in-out infinite}.geometric-shapes{position:absolute;width:100%;height:100%;overflow:visible}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));opacity:.1;animation:float 8s ease-in-out infinite}.shape-1{width:100px;height:100px;top:20%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.shape-3{width:80px;height:80px;bottom:20%;left:20%;animation-delay:4s}.shape-4{width:120px;height:120px;top:10%;right:30%;animation-delay:6s}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}@media(max-width:1200px){.hero-container{gap:2rem}}@media(max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-content{order:2}.hero-image{order:1}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.hero-social,.hero-subtitle{justify-content:center}}.hero-content{z-index:1}.hero-greeting{margin-bottom:1rem}.greeting-text{color:var(--accent-primary);font-size:1.2rem;font-weight:500}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.title-line{display:block}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;height:2rem;display:flex;align-items:center}.typewriter{color:var(--accent-primary);font-weight:600}.cursor-blink{animation:blink 1s infinite;color:var(--accent-primary);font-weight:300}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2.5rem;max-width:500px}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.hero-social{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);font-size:1.2rem}.social-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 10px 20px #00d4ff33}.hero-image{display:flex;justify-content:center;align-items:center}.image-container{position:relative;width:400px;height:400px;transition:all .3s ease;overflow:visible}@media(max-width:992px){.image-container{width:350px;height:350px}}@media(max-width:480px){.image-container{width:150px;height:150px}}.image-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);border-radius:50%;opacity:.1;animation:pulse 3s ease-in-out infinite}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--accent-primary);animation:float 6s ease-in-out infinite}.hero-section .image-container .image-overlay{position:absolute!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;background:#0d1e36f2!important;padding:.5rem 1rem!important;border-radius:25px!important;border:2px solid var(--accent-primary)!important;z-index:10!important;inset:unset!important;top:unset!important;right:unset!important}@media(max-width:480px){.image-overlay{padding:.5rem .8rem;bottom:10px}.status-text{font-size:.65rem;line-height:1.2;font-weight:700;letter-spacing:.2px;text-align:left}.status-indicator{width:6px;height:6px;flex-shrink:0}}.overlay-content{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;aspect-ratio:1/1}.status-text{font-size:.85rem;color:var(--text-primary);font-weight:600;line-height:1.2}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer}.scroll-text{font-size:.9rem;font-weight:500}.scroll-arrow{animation:bounce 2s infinite}.about-section{padding:var(--section-padding);background:transparent;position:relative;overflow:visible}.about-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.about-section .container{position:relative;z-index:1}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:992px){.about-content{grid-template-columns:1fr;gap:3rem}.about-image{max-width:500px;margin:0 auto}.about-text{padding-left:0;text-align:center}.about-actions{justify-content:center}}@media(max-width:480px){.about-title{font-size:2rem}.about-stats{grid-template-columns:1fr 1fr;gap:1rem}}.about-image{position:relative}.image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden}.about-img{width:100%;height:500px;object-fit:cover;transition:transform var(--transition-slow)}.image-wrapper:hover .about-img{transform:scale(1.05)}.image-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.decoration-shape{position:absolute;background:var(--gradient-primary);border-radius:var(--radius-md);opacity:.8}.decoration-1{width:60px;height:60px;top:-20px;right:-20px;animation:float 4s ease-in-out infinite}.decoration-2{width:40px;height:40px;bottom:-15px;left:-15px;animation:float 4s ease-in-out infinite reverse}.about-text{padding-left:2rem}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.about-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.stat-item{text-align:center;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:transform var(--transition-normal)}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:800;color:var(--accent-primary);display:block;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.about-actions{display:flex;gap:1rem;margin-top:2rem}.skills-section{padding:var(--section-padding);position:relative;overflow:hidden}.skills-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.skills-section .container{position:relative;z-index:1}.skills-content{display:grid;gap:4rem}.skills-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}@media(max-width:768px){.skills-categories{grid-template-columns:1fr}.skill-category{padding:1.5rem}}.skill-category{background:var(--bg-card);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform var(--transition-normal)}.skill-category:hover{transform:translateY(-5px)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.category-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.category-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:600;color:var(--text-primary)}.skill-percentage{font-size:.9rem;color:var(--accent-primary);font-weight:600}.skill-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:4px;width:0;transition:width 1.5s ease-in-out}.tech-stack{text-align:center}.tech-title{font-size:2rem;font-weight:700;margin-bottom:3rem;color:var(--text-primary)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem}.tech-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--bg-card);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}@media(max-width:480px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.tech-item{padding:1rem}}.tech-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .6s ease}.tech-item:hover:before{left:100%}.tech-item:hover{transform:translateY(-15px) rotate(5deg) scale(1.08);border-color:var(--accent-primary);box-shadow:0 15px 40px #00d4ff40,0 0 30px #00d4ff26;background:linear-gradient(135deg,var(--bg-card),rgba(0,212,255,.05))}.tech-item:hover .tech-icon{transform:rotate(-5deg) scale(1.15)}.tech-item:hover .tech-icon img,.tech-item:hover .tech-icon i{transform:rotate(360deg) scale(1.25);transition:transform .8s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 15px rgba(0,212,255,.4))}.tech-item:hover .tech-name{color:var(--accent-primary);font-weight:700;transform:scale(1.1)}@media(max-width:768px){.tech-item:active{transform:translateY(-8px) rotate(3deg) scale(1.05);border-color:var(--accent-primary);box-shadow:0 10px 25px #00d4ff33,0 0 20px #00d4ff1a;background:linear-gradient(135deg,var(--bg-card),rgba(0,212,255,.03))}.tech-item:active .tech-icon{transform:rotate(-3deg) scale(1.08)}.tech-item:active .tech-icon img,.tech-item:active .tech-icon i{transform:rotate(180deg) scale(1.15);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}.tech-item:active .tech-name{color:var(--accent-primary);font-weight:600;transform:scale(1.05)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.5rem}.tech-item{padding:1.5rem 1rem}.tech-icon{width:45px;height:45px;font-size:1.8rem}.tech-name{font-size:.85rem}}@media(max-width:480px){.tech-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.tech-item{padding:1.2rem .8rem}.tech-icon{width:40px;height:40px;font-size:1.6rem}.tech-name{font-size:.8rem}}.tech-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--accent-primary);transition:all var(--transition-normal);border-radius:var(--radius-md);background:#00d4ff0d;border:1px solid rgba(0,212,255,.1)}.tech-icon img{width:85%;height:85%;object-fit:contain;transition:all var(--transition-normal)}.tech-name{font-weight:600;color:var(--text-primary);font-size:1rem;transition:all var(--transition-normal);text-align:center}.projects-section{padding:var(--section-padding);background:var(--bg-secondary);position:relative;overflow:hidden}.projects-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.projects-section .container{position:relative;z-index:1}.projects-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.projects-filter::-webkit-scrollbar{display:none}.filter-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-weight:500}.filter-btn:hover,.filter-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#00d4ff1a}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}@media(max-width:480px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}.project-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.project-image{position:relative;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{width:50px;height:50px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all var(--transition-normal);font-size:1.2rem}.project-link:hover{background:var(--accent-secondary);transform:scale(1.1)}.project-content{padding:2rem}.project-category{color:var(--accent-primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.project-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.25rem .75rem;background:#00d4ff1a;color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;border:1px solid rgba(0,212,255,.2)}.projects-cta{text-align:center}.projects-cta p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.certificates-section{padding:var(--section-padding);position:relative;overflow:hidden}.certificates-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.certificates-section .container{position:relative;z-index:1}.certificates-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;perspective:1500px}.certificate-card{background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d;transition:all .5s cubic-bezier(.4,0,.2,1);text-decoration:none;display:block;position:relative;cursor:pointer;transform-style:preserve-3d}.certificate-card:hover .holographic-overlay{opacity:1;animation:hologramWarp 3s infinite linear}.certificate-type{display:inline-block;padding:.25rem .75rem;background:#7c3aed1a;color:var(--accent-secondary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;border:1px solid rgba(124,58,237,.2)}.certificates-cta{text-align:center}.certificates-cta p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.experience-section{padding:var(--section-padding);background:var(--bg-secondary);position:relative;overflow:hidden}.experience-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.experience-timeline-centered{position:relative;max-width:1000px;margin:4rem auto 0;padding:2rem 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--accent-primary),var(--accent-secondary),transparent);transform:translate(-50%)}.timeline-item-modern{position:relative;width:50%;padding:2rem;margin-bottom:2rem;display:flex;flex-direction:column}.timeline-item-modern.left{left:0;padding-right:4rem;align-items:flex-end;text-align:right}.timeline-item-modern.right{left:50%;padding-left:4rem;align-items:flex-start;text-align:left}.timeline-dot-modern{position:absolute;top:2.5rem;width:50px;height:50px;background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 0 20px #00d4ff4d;transition:all .4s ease}.timeline-item-modern.left .timeline-dot-modern{right:-25px}.timeline-item-modern.right .timeline-dot-modern{left:-25px}.timeline-dot-modern i{font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.timeline-item-modern:hover .timeline-dot-modern{transform:scale(1.2) rotate(360deg);border-color:var(--accent-secondary);box-shadow:0 0 30px #00d4ff80}.timeline-content-modern{position:relative;width:100%;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.timeline-content-modern:hover{transform:translateY(-10px);background:#ffffff0d;border-color:#00d4ff33;box-shadow:0 20px 40px #0006}.timeline-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.timeline-item-modern.left .timeline-header-modern{flex-direction:row-reverse}.timeline-date-modern{font-size:.85rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px}.status-badge-modern{font-size:.7rem;padding:.2rem .6rem;background:var(--gradient-primary);color:#fff;border-radius:20px;font-weight:600}.timeline-role-modern{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:.3rem}.timeline-company-modern{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.timeline-desc-modern{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.timeline-tech-modern{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:inherit}.timeline-item-modern.left .timeline-tech-modern{justify-content:flex-end}.tech-tag-modern{font-size:.75rem;padding:.3rem .8rem;background:#00d4ff1a;color:var(--accent-primary);border:1px solid rgba(0,212,255,.2);border-radius:4px;transition:all .3s ease}.tech-tag-modern:hover{background:var(--accent-primary);color:#fff}.timeline-glow-modern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,212,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.timeline-content-modern:hover .timeline-glow-modern{opacity:1}@media(max-width:850px){.timeline-line{left:30px}.timeline-item-modern{width:100%;left:0!important;padding-left:4.5rem!important;padding-right:0!important;text-align:left!important;align-items:flex-start!important}.timeline-dot-modern{left:5px!important;width:50px;height:50px}.timeline-item-modern.left .timeline-header-modern{flex-direction:row}.timeline-item-modern.left .timeline-tech-modern{justify-content:flex-start}}.experience-section .container{position:relative;z-index:1}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gradient-primary);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:3rem;width:50%}.timeline-item:nth-child(odd){left:0;padding-right:2rem}.timeline-item:nth-child(2n){left:50%;padding-left:2rem}.timeline-dot{position:absolute;top:0;width:20px;height:20px;background:var(--accent-primary);border:4px solid var(--bg-primary);border-radius:50%;z-index:1}.timeline-item:nth-child(odd) .timeline-dot{right:-10px}.timeline-item:nth-child(2n) .timeline-dot{left:-10px}.timeline-content{background:var(--bg-card);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);position:relative;transition:all var(--transition-normal)}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.timeline-content:before{content:"";position:absolute;top:20px;width:0;height:0;border:10px solid transparent}.timeline-item:nth-child(odd) .timeline-content:before{right:-20px;border-left-color:var(--bg-card)}.timeline-item:nth-child(2n) .timeline-content:before{left:-20px;border-right-color:var(--bg-card)}.timeline-date{color:var(--accent-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.timeline-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;color:#fff;font-size:1.2rem;margin-bottom:1rem}.timeline-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.timeline-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-tag{padding:.25rem .75rem;background:#00d4ff1a;color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;border:1px solid rgba(0,212,255,.2)}.contact-section{padding:var(--section-padding);position:relative;overflow:hidden}.contact-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.contact-section .container{position:relative;z-index:1}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width:992px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-info{padding-right:0;text-align:center}.contact-methods{align-items:center}.social-links{justify-content:center}.form-submit{justify-self:center}}@media(max-width:480px){.contact-section{padding:3rem 0}.contact-title{font-size:1.8rem}.section-title{font-size:2.2rem}}.contact-info{padding-right:2rem}.contact-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.contact-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:3rem}.contact-methods{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.contact-method{display:flex;align-items:center;gap:1rem}.method-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.method-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.method-text{color:var(--text-secondary);font-size:.9rem}.contact-social{margin-top:2rem}.social-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.social-links{display:flex;gap:1rem}.contact-form-wrapper{background:var(--bg-card);padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-normal);resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.form-focus{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.form-input:focus+.form-focus,.form-textarea:focus+.form-focus{width:100%}.form-submit{margin-top:1rem;justify-self:start}.footer{background:var(--bg-secondary);padding:2rem 0;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text{color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;gap:2rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition-normal)}.footer-link:hover{color:var(--accent-primary)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--gradient-primary);border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:1000}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d4ff4d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:1024px){.hero-container,.about-content,.contact-content{grid-template-columns:1fr;gap:3rem}.hero-image{order:-1}.image-container{width:300px;height:300px}.skills-categories{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{width:100%;left:0!important;padding-left:3rem!important;padding-right:0!important}.timeline-dot{left:10px!important;right:auto!important}.timeline-content:before{left:-20px!important;right:auto!important;border-right-color:var(--bg-card)!important;border-left-color:transparent!important}}@media(max-width:768px){:root{--container-padding: 1rem;--section-padding: 3rem 0}.nav-menu{position:fixed;top:80px;left:0;width:100%;background:var(--bg-primary);flex-direction:column;padding:2rem;transform:translate(-100%);transition:transform var(--transition-normal);border-top:1px solid var(--border-color)}.nav-menu.active{transform:translate(0)}.mobile-toggle{display:flex}.mobile-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:stretch}.about-stats{grid-template-columns:1fr}.about-actions{flex-direction:column;align-items:stretch}.projects-grid,.certificates-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.contact-info{padding-right:0}.footer-content{flex-direction:column;text-align:center}.cursor,.cursor-follower{display:none}}@media(max-width:480px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.image-container{width:250px;height:250px}.contact-form-wrapper{padding:1.5rem}.projects-filter,.certificates-filter{flex-direction:column;align-items:center}}.project-card.hidden,.certificate-card.hidden{opacity:0;transform:scale(.8);transition:all .3s ease}.project-card.visible,.certificate-card.visible{opacity:1;transform:scale(1);transition:all .3s ease}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:#fff}::-moz-selection{background:var(--accent-primary);color:#fff}.certificates-grid{perspective:1000px}.certificate-card{position:relative;transform-style:preserve-3d;transition:transform .6s ease-out,box-shadow .3s ease;overflow:hidden}.certificate-card:hover{transform:translateY(-15px) rotateX(5deg) rotateY(5deg);box-shadow:0 25px 50px #0003}.certificate-image{transform:translateZ(20px);transition:transform .6s ease-out}.certificate-card:hover .certificate-image{transform:translateZ(30px) scale(1.05)}.certificate-overlay{background:linear-gradient(to top,#000c,#00000080,#0000);transition:background .3s ease}.certificate-card:hover .certificate-overlay{background:linear-gradient(to top,#000000e6,#0009,#0000)}.certificate-link{transform:translateZ(40px);transition:transform .6s ease-out,background .3s ease}.certificate-card:hover .certificate-link{transform:translateZ(50px) scale(1.1);background:var(--accent-secondary)}.certificate-content{transform:translateZ(10px);transition:transform .6s ease-out}.certificate-card:hover .certificate-content{transform:translateZ(20px)}@keyframes subtleFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.certificate-card{animation:subtleFloat 4s ease-in-out infinite}.certificates-grid .certificate-card[data-aos]{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.certificates-grid .certificate-card[data-aos].aos-animate{opacity:1;transform:translateY(0)}.certificates-filter .filter-btn{transition:all .3s ease}.certificates-filter .filter-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00d4ff33}.certificates-section .section-header[data-aos]{opacity:0;transform:translateY(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.certificates-section .section-header[data-aos].aos-animate{opacity:1;transform:translateY(0)}.certificates-cta[data-aos]{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.certificates-cta[data-aos].aos-animate{opacity:1;transform:translateY(0)}.contact-section{padding:var(--section-padding);position:relative;overflow:hidden;background:var(--bg-primary);perspective:1000px}.contact-floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0}.floating-element{position:absolute;font-size:2.5rem;color:var(--accent-primary);opacity:.1;filter:blur(1px);animation:floatAround 15s infinite ease-in-out}.element-1{top:15%;left:10%;animation-duration:18s}.element-2{top:25%;right:15%;animation-duration:22s;animation-delay:-5s}.element-3{bottom:20%;left:15%;animation-duration:25s;animation-delay:-2s}.element-4{bottom:15%;right:10%;animation-duration:20s;animation-delay:-8s}.element-5{top:60%;left:50%;transform:translate(-50%);animation-duration:30s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(10deg)}66%{transform:translate(-20px,20px) rotate(-10deg)}}.contact-premium-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center;margin-top:4rem;position:relative;z-index:1}.info-card-3d{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05);box-shadow:0 40px 100px #0000004d;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1)}.info-card-3d:hover{transform:translateZ(20px) rotateX(2deg) rotateY(-2deg)}.contact-methods-premium{display:flex;flex-direction:column;gap:1.5rem;margin:3rem 0}.contact-method-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.03);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.contact-method-card:hover{background:#00d4ff14;border-color:#00d4ff33;transform:translate(15px) scale(1.02);box-shadow:0 10px 30px #00d4ff1a}.method-icon-box{width:60px;height:60px;background:var(--gradient-primary);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;box-shadow:0 10px 20px #00d4ff33;flex-shrink:0}.method-label{font-size:.85rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:.25rem}.method-value{font-size:1.1rem;color:var(--text-primary);font-weight:500}.social-presence{margin-top:2rem}.presence-title{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;text-align:center}.social-badges{display:flex;justify-content:center;gap:1rem}.social-badge{width:50px;height:50px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.social-badge:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-10px) rotate(360deg);box-shadow:0 15px 30px #00d4ff4d}.ultra-form-wrapper{position:relative;padding:3.5rem;background:#0a0a0acc;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 50px 100px #00000080}.form-border-animation{position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent,var(--accent-primary),var(--accent-secondary),transparent 60%);animation:rotateBorder 4s linear infinite;z-index:-1;border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group-premium{position:relative;margin-bottom:2rem;width:100%}.premium-input,.premium-textarea{width:100%;padding:1.25rem 1rem .5rem;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:1.1rem;transition:all .3s ease}.premium-textarea{min-height:120px;resize:none}.premium-label{position:absolute;left:1rem;top:1.25rem;color:var(--text-secondary);font-size:1rem;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-input:focus~.premium-label,.premium-input:not(:placeholder-shown)~.premium-label,.premium-textarea:focus~.premium-label,.premium-textarea:not(:placeholder-shown)~.premium-label{top:-.5rem;left:.5rem;font-size:.75rem;color:var(--accent-primary);font-weight:700;letter-spacing:1px}.input-highlight{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .4s ease}.premium-input:focus~.input-highlight,.premium-textarea:focus~.input-highlight{width:100%}.premium-submit-btn{width:100%;padding:1.25rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 15px 30px #00d4ff4d}.premium-submit-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 50px #00d4ff66}.premium-submit-btn:active{transform:translateY(0) scale(.98)}.btn-icon{font-size:1.4rem;transition:transform .4s ease}.premium-submit-btn:hover .btn-icon{transform:translate(5px,-5px)}@media(max-width:1024px){.contact-premium-grid{grid-template-columns:1fr;gap:3rem}.ultra-form-wrapper{padding:2.5rem}}@media(max-width:600px){.info-card-3d,.ultra-form-wrapper{padding:2rem 1.5rem}.contact-method-card{padding:1rem;gap:1rem}.method-icon-box{width:45px;height:45px;font-size:1.2rem}.method-value{font-size:.9rem;word-break:break-all}}@media(max-width:400px){.info-card-3d,.ultra-form-wrapper{padding:1.5rem 1rem}.contact-method-card{padding:.8rem;gap:.8rem}.method-icon-box{width:40px;height:40px;font-size:1.1rem}.method-value{font-size:.8rem}.section-header{margin-bottom:2rem}}.tech-orbit-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;pointer-events:none;z-index:1;overflow:visible}.tech-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,212,255,.05)}.tech-orbit-1{width:520px;height:520px;animation:rotate 40s linear infinite}.tech-orbit-2{width:660px;height:660px;animation:rotate 55s linear infinite reverse}.tech-orbit-3{width:800px;height:800px;animation:rotate 70s linear infinite}.orbit-icon{position:absolute;width:45px;height:45px;border-radius:50%;background:#0a0a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,212,255,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #00d4ff4d;animation:inherit;animation-direction:reverse;transition:all .3s ease}.orbit-icon:hover{transform:scale(1.3);border-color:var(--accent-primary);box-shadow:0 0 20px #00d4ff80}.orbit-icon img{width:28px;height:28px;object-fit:contain;filter:brightness(1.2) drop-shadow(0 0 5px rgba(0,212,255,.4))}.tech-orbit-1 .orbit-icon:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%)}.tech-orbit-1 .orbit-icon:nth-child(2){top:18.8%;right:9.3%;transform:translate(50%,-50%)}.tech-orbit-1 .orbit-icon:nth-child(3){bottom:38.8%;right:-2.3%;transform:translate(50%,50%)}.tech-orbit-1 .orbit-icon:nth-child(4){bottom:2.3%;right:29.5%;transform:translate(50%,50%)}.tech-orbit-1 .orbit-icon:nth-child(5){bottom:2.3%;left:29.5%;transform:translate(-50%,50%)}.tech-orbit-1 .orbit-icon:nth-child(6){bottom:38.8%;left:-2.3%;transform:translate(-50%,50%)}.tech-orbit-1 .orbit-icon:nth-child(7){top:18.8%;left:9.3%;transform:translate(-50%,-50%)}.tech-orbit-2 .orbit-icon:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%)}.tech-orbit-2 .orbit-icon:nth-child(2){top:34.5%;right:2.4%;transform:translate(50%,-50%)}.tech-orbit-2 .orbit-icon:nth-child(3){bottom:9.5%;right:20.6%;transform:translate(50%,50%)}.tech-orbit-2 .orbit-icon:nth-child(4){bottom:9.5%;left:20.6%;transform:translate(-50%,50%)}.tech-orbit-2 .orbit-icon:nth-child(5){top:34.5%;left:2.4%;transform:translate(-50%,-50%)}.tech-orbit-3 .orbit-icon:nth-child(1){top:10%;right:19%;transform:translate(50%,-50%)}.tech-orbit-3 .orbit-icon:nth-child(2){bottom:31%;right:-1%;transform:translate(50%,50%)}.tech-orbit-3 .orbit-icon:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%)}.tech-orbit-3 .orbit-icon:nth-child(4){bottom:31%;left:-1%;transform:translate(-50%,50%)}.tech-orbit-3 .orbit-icon:nth-child(5){top:10%;left:19%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:1024px){.tech-orbit-container{width:700px;height:700px}.tech-orbit-1{width:400px;height:400px}.tech-orbit-2{width:520px;height:520px}.tech-orbit-3{width:640px;height:640px}}@media(max-width:768px){.tech-orbit-container{width:500px;height:500px}.tech-orbit-1{width:300px;height:300px}.tech-orbit-2{width:400px;height:400px}.tech-orbit-3{width:500px;height:500px}.orbit-icon{width:28px;height:28px}.orbit-icon img{width:18px;height:18px}}@media(max-width:480px){.image-container{width:140px;height:140px}.tech-orbit-container{width:320px;height:320px;overflow:visible;display:flex;align-items:center;justify-content:center}.tech-orbit-1{width:280px;height:280px;display:block!important;border:1px solid rgba(0,212,255,.2)}.tech-orbit-2,.tech-orbit-3{display:none!important}.tech-orbit-1 .orbit-icon:nth-child(n+7){display:none!important}.tech-orbit-1 .orbit-icon:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%)}.tech-orbit-1 .orbit-icon:nth-child(2){top:25%;left:93.3%;transform:translate(-50%,-50%)}.tech-orbit-1 .orbit-icon:nth-child(3){top:75%;left:93.3%;transform:translate(-50%,-50%)}.tech-orbit-1 .orbit-icon:nth-child(4){top:100%;left:50%;transform:translate(-50%,-50%)}.tech-orbit-1 .orbit-icon:nth-child(5){top:75%;left:6.7%;transform:translate(-50%,-50%)}.tech-orbit-1 .orbit-icon:nth-child(6){top:25%;left:6.7%;transform:translate(-50%,-50%)}.orbit-icon{width:34px!important;height:34px!important;background:#050c19fa!important;border:1px solid var(--accent-primary)!important;box-shadow:0 0 12px var(--accent-primary)!important;z-index:10;animation:inherit;animation-direction:reverse}.orbit-icon img{width:20px!important;height:20px!important;opacity:1!important}}@media(max-width:380px){.tech-orbit-container{width:280px;height:280px}.tech-orbit-1{width:240px;height:240px}.orbit-icon{width:24px!important;height:24px!important}.orbit-icon img{width:14px!important;height:14px!important}}.image-container{position:relative;z-index:2}.profile-image{z-index:3;position:relative}.image-overlay{z-index:4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes clockRotate{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.2);opacity:.7}to{transform:rotate(360deg) scale(1);opacity:1}}@keyframes certificateTextReveal{0%{opacity:0;transform:translateY(30px) scale(.8);letter-spacing:10px}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:2px}}.project-card{transition:all .4s cubic-bezier(.25,.46,.45,.94);transform-origin:center;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;z-index:1}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #00d4ff33}.project-card:hover .project-image{transform:scale(1.1) rotate(2deg)}.skill-item{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.skill-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);opacity:0;transition:opacity .3s ease;z-index:-1}.skill-item:hover:after{opacity:1}.skill-item:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 30px #00d4ff26}.skill-progress{position:relative;overflow:hidden}.skill-progress:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.certificate-card{transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;transform-style:preserve-3d}.certificate-card:hover{transform:rotateY(10deg) rotateX(5deg) translateY(-10px);box-shadow:0 20px 40px #00d4ff33}.certificate-card .certificate-image{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.certificate-card:hover .certificate-image{transform:scale(1.05);filter:brightness(1.1)}.certificate-rotate{animation:rotateIn .8s cubic-bezier(.25,.46,.45,.94)}.education-item{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}.education-item:before{content:"";position:absolute;left:-5px;top:0;width:4px;height:100%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.education-item:hover:before{opacity:1}.education-item:hover{transform:translate(15px);background:#00d4ff0d;border-radius:10px;padding-left:20px}.certificate-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#00d4ff1a,#0a0a0af2);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:all .5s ease}.certificate-transition.active{opacity:1;visibility:visible}.certificate-transition .clock-container{width:200px;height:200px;margin-bottom:30px}.certificate-transition .clock-face{width:100%;height:100%;border:4px solid var(--accent-primary);border-radius:50%;position:relative;background:#2a2a2acc;animation:clockRotate 2s ease-in-out}.certificate-transition .transition-text{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;animation:certificateTextReveal 1s ease-out .5s both}.certificate-transition .transition-text .gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.project-card:hover{transform:translateY(-8px) scale(1.01)}.skill-item:hover{transform:translateY(-5px) scale(1.02)}.certificate-card:hover{transform:rotateY(5deg) rotateX(2deg) translateY(-5px)}.certificate-transition .clock-container{width:150px;height:150px}.certificate-transition .transition-text{font-size:2rem}}@media(max-width:480px){.certificate-transition .clock-container{width:120px;height:120px}.certificate-transition .transition-text{font-size:1.5rem}}html{scroll-behavior:smooth}.project-card:focus,.skill-item:focus,.certificate-card:focus,.education-item:focus{outline:2px solid var(--accent-primary);outline-offset:4px}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.timeline-dot-animated{position:relative;animation:pulseGlow 2s ease-in-out infinite}.timeline-dot-animated:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--accent-primary);border-radius:50%;transform:translate(-50%,-50%);animation:expandDot 1.5s ease-out infinite}@keyframes expandDot{0%{transform:translate(-50%,-50%) scale(.5);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}to{transform:translate(-50%,-50%) scale(.5);opacity:.7}}.project-card{transform-style:preserve-3d;transition:transform .4s ease-out,box-shadow .4s ease-out}.project-card:hover{box-shadow:0 25px 50px #00d4ff33}.project-card .project-image{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-image{transform:scale(1.05)}.articles-hero{min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:8rem 0 4rem;background:transparent}.articles-hero .hero-content{text-align:center;max-width:800px;margin:0 auto}.articles-hero .hero-badge{display:inline-block;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);padding:.5rem 1.5rem;border-radius:50px;margin-bottom:2rem;animation:fadeInUp .8s ease-out}.articles-hero .badge-text{color:var(--accent-primary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.articles-hero .hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:2rem;animation:fadeInUp .8s ease-out .2s both}.articles-hero .hero-description{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:3rem;animation:fadeInUp .8s ease-out .4s both}.articles-hero .hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem;animation:fadeInUp .8s ease-out .6s both}.articles-hero .stat-item{text-align:center}.articles-hero .stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-primary);line-height:1}.articles-hero .stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem;text-transform:uppercase;letter-spacing:1px}.articles-filter{padding:2rem 0;background:#0a0a0a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.filter-container{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.filter-tabs{display:flex;gap:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-color);border-radius:50px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.filter-tab.active{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #00d4ff4d}.filter-tab i{font-size:1.1rem}.search-container{flex-shrink:0}.search-box{position:relative;display:flex;align-items:center}.search-box i{position:absolute;left:1rem;color:var(--text-secondary);font-size:1.1rem;z-index:2}.search-box input{width:300px;padding:.75rem 1rem .75rem 3rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.search-box input::placeholder{color:var(--text-secondary)}.articles-section{padding:4rem 0}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}@media(max-width:480px){.articles-grid{grid-template-columns:1fr;gap:1.5rem}}.article-card{background:var(--bg-card);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--border-color);position:relative;cursor:pointer}.article-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #00d4ff26;border-color:#00d4ff4d}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);opacity:0;transition:opacity .3s ease}.article-card:hover .article-overlay{opacity:1}.article-date{position:absolute;top:1rem;right:1rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:10px;text-align:center;color:#fff;min-width:60px}.date-day{display:block;font-size:1.2rem;font-weight:700;line-height:1}.date-month{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.article-content{padding:2rem}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.article-category{background:var(--gradient-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.article-read-time{color:var(--text-secondary);font-size:.9rem}.article-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:1rem;transition:color .3s ease}.article-card:hover .article-title{color:var(--accent-primary)}.article-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:#00d4ff1a;color:var(--accent-primary);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,212,255,.2)}.article-link{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;white-space:nowrap}.article-link:hover{gap:.75rem;color:var(--accent-secondary)}.article-link i{transition:transform .3s ease}.article-link:hover i{transform:translate(5px)}.load-more-container{text-align:center;margin-top:3rem}.load-more-btn{padding:1rem 2rem;font-size:1rem;border-radius:50px}.newsletter-section{background:var(--bg-secondary);padding:4rem 0;border-top:1px solid var(--border-color)}.newsletter-content{display:flex;justify-content:space-between;align-items:center;gap:3rem;flex-wrap:wrap}.newsletter-text{flex:1;min-width:300px}.newsletter-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.newsletter-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.newsletter-form{flex:1;min-width:300px}.form-group{display:flex;gap:1rem;align-items:stretch}.newsletter-input{flex:1;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.newsletter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.newsletter-input::placeholder{color:var(--text-secondary)}.newsletter-btn{padding:1rem 2rem;border-radius:50px;white-space:nowrap}.footer{background:var(--bg-primary);padding:2rem 0;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.footer-text{color:var(--text-secondary)}.footer-social{display:flex;gap:1rem}.footer-social .social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.footer-social .social-link:hover{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translateY(-3px)}@media(max-width:768px){.articles-hero{padding:6rem 0 3rem;min-height:70vh}.articles-hero .hero-stats{gap:2rem}.articles-hero .stat-number{font-size:2rem}.filter-container{flex-direction:column;align-items:stretch;gap:1.5rem}.filter-tabs{justify-content:center}.search-box input{width:100%;min-width:250px}.articles-grid{grid-template-columns:1fr;gap:1.5rem}.newsletter-content{flex-direction:column;text-align:center}.form-group{flex-direction:column}.footer-content{flex-direction:column;text-align:center}}.entrance-3d{opacity:0;transform:perspective(1000px) translate3d(0,100px,-500px) rotateX(20deg);transition:all 1.2s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;backface-visibility:hidden}.entrance-3d.visible{opacity:1;transform:perspective(1000px) translateZ(0) rotateX(0)}.stagger-3d{opacity:0;transform:perspective(1000px) translate3d(0,50px,-200px) rotateY(-10deg);transition:all .8s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.stagger-3d.visible{opacity:1;transform:perspective(1000px) translateZ(0) rotateY(0)}.stagger-group .stagger-3d:nth-child(n){transition-delay:calc(var(--stagger-index, 0) * .1s)}@media(max-width:480px){.articles-hero .hero-stats{flex-direction:column;gap:1.5rem}.filter-tabs{flex-direction:column;align-items:stretch}.filter-tab{justify-content:center}.article-content{padding:1.5rem}.article-footer{flex-direction:column;align-items:flex-start;gap:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-card.search-match{border-color:var(--accent-primary);box-shadow:0 0 20px #00d4ff33}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.newsletter-btn:disabled{opacity:.6;cursor:not-allowed}.floating-logos{position:absolute;top:5%;left:5%;width:90%;height:90%;pointer-events:none;z-index:-1;overflow:hidden}.tech-logo{position:absolute;width:65px;height:65px;transform:translate(-50%,-50%)}.tech-logo:after{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;filter:blur(20px) brightness(2);opacity:.7;z-index:-1;border-radius:12px;animation:none}@keyframes glowPulse{0%{filter:grayscale(.3) brightness(1.5) drop-shadow(0 0 4px rgba(0,212,255,.4))}50%{filter:grayscale(.2) brightness(2) drop-shadow(0 0 12px rgba(0,212,255,.8))}to{filter:grayscale(.3) brightness(1.5) drop-shadow(0 0 4px rgba(0,212,255,.4))}}@keyframes glowCycle{0%,49%{opacity:1}50%,to{opacity:.2}}.tech-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px;animation:glowPulse 3s infinite ease-in-out;opacity:1;filter:grayscale(.2) brightness(2) drop-shadow(0 0 12px rgba(0,212,255,.8))}.tech-logo{position:absolute;width:65px;height:65px;transform:translate(-50%,-50%);animation:floatTech 15s ease-in-out infinite}.tech-logo:nth-child(1){top:15%;left:12%;animation-delay:0s;animation-duration:15s}.tech-logo:nth-child(2){top:22%;right:15%;animation-delay:2s;animation-duration:18s}.tech-logo:nth-child(3){top:35%;left:18%;animation-delay:4s;animation-duration:14s}.tech-logo:nth-child(4){top:48%;right:22%;animation-delay:6s;animation-duration:16s}.tech-logo:nth-child(5){top:62%;left:14%;animation-delay:8s;animation-duration:13s}.tech-logo:nth-child(6){top:72%;right:18%;animation-delay:10s;animation-duration:17s}.tech-logo:nth-child(7){top:18%;left:42%;animation-delay:1s;animation-duration:19s}.tech-logo:nth-child(8){top:44%;left:58%;animation-delay:3s;animation-duration:12s}.tech-logo:nth-child(9){top:76%;left:46%;animation-delay:5s;animation-duration:20s}.tech-logo:nth-child(10){top:28%;right:32%;animation-delay:7s;animation-duration:11s}.tech-logo:nth-child(11){top:55%;right:40%;animation-delay:9s;animation-duration:14s}.tech-logo:nth-child(12){top:78%;right:28%;animation-delay:11s;animation-duration:16s}.tech-logo:nth-child(13){top:12%;left:68%;animation-delay:13s;animation-duration:18s}.tech-logo:nth-child(14){top:42%;left:78%;animation-delay:15s;animation-duration:15s}.tech-logo:nth-child(15){top:68%;left:72%;animation-delay:17s;animation-duration:13s}@keyframes floatTech{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(10px) rotate(5deg)}50%{transform:translateY(-15px) translate(-5px) rotate(-3deg)}75%{transform:translateY(-25px) translate(8px) rotate(2deg)}}@media(max-width:768px){.tech-logo{width:30px;height:30px;opacity:.1}.tech-logo:nth-child(n+11){display:none}}@media(max-width:480px){.tech-logo{width:25px;height:25px;opacity:.08}.tech-logo:nth-child(n+8){display:none}}.navbar .tech-icon{opacity:1!important;filter:brightness(1.2);transition:transform .3s ease,filter .3s ease}.navbar .tech-icon:hover{transform:scale(1.1) rotate(5deg);filter:brightness(1.5)}.global-3d-background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:#020205;overflow:hidden}.cyber-mesh-wrapper{position:absolute;width:250%;height:250%;top:-50%;left:-75%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.1,.5,.2,1);will-change:transform;perspective:1500px}.cyber-mesh{width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.08) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(0,212,255,.08) 1.5px,transparent 1.5px);background-size:80px 80px;background-position:center var(--scroll-offset, 0px);transform:rotateX(65deg) scale(1.5);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 95%);mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 95%)}.galaxy-cosmos{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.nebula-spiral{position:absolute;top:50%;left:50%;width:250vw;height:250vw;transform:translate(-50%,-50%) rotateX(60deg);background:radial-gradient(circle,rgba(124,58,237,.4) 0%,rgba(0,212,255,.2) 30%,transparent 70%);animation:rotateGalaxy 50s infinite linear;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 80%)}.nebula-spiral.reverse{width:180vw;height:180vw;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,rgba(124,58,237,.1) 40%,transparent 65%);animation:rotateGalaxy 35s infinite linear reverse}@keyframes rotateGalaxy{0%{transform:translate(-50%,-50%) rotateX(60deg) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotateX(60deg) rotate(180deg) scale(1.1)}to{transform:translate(-50%,-50%) rotateX(60deg) rotate(360deg) scale(1)}}.project-cosmos{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.nebula-cloud{position:absolute;top:30%;left:20%;width:120vw;height:120vw;background:radial-gradient(circle,rgba(255,45,32,.15) 0%,transparent 70%);filter:blur(100px);animation:pulseNebula 20s infinite alternate}.nebula-cloud.secondary{top:60%;left:60%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);animation:pulseNebula 25s infinite alternate-reverse}.cosmic-ring{position:absolute;top:50%;left:50%;width:150vw;height:150vw;border:2px solid rgba(255,255,255,.03);border-radius:50%;transform:translate(-50%,-50%) rotateX(75deg) rotateY(15deg);animation:rotateRing 60s infinite linear}@keyframes pulseNebula{0%{transform:scale(1) translate(0);opacity:.2}to{transform:scale(1.2) translate(50px,-50px);opacity:.4}}@keyframes rotateRing{0%{transform:translate(-50%,-50%) rotateX(75deg) rotateY(15deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(75deg) rotateY(15deg) rotate(360deg)}}.project-cosmos-theme .glow-top{background:radial-gradient(circle,rgba(212,33,33,.4),transparent 70%);opacity:.3}.project-cosmos-theme .glow-bottom{background:radial-gradient(circle,rgba(0,212,255,.3),transparent 70%);opacity:.2}.data-streams{position:absolute;inset:0;transform:rotateX(45deg);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.data-streak{position:absolute;width:1px;height:300px;background:linear-gradient(to bottom,transparent,var(--accent-primary),transparent);opacity:.3;animation:streamDown infinite linear}@keyframes streamDown{0%{transform:translateY(-100%);opacity:0}20%{opacity:.4}80%{opacity:.4}to{transform:translateY(400%);opacity:0}}.geo-shapes{position:absolute;inset:0;transform-style:preserve-3d}.geo-shape{position:absolute;width:40px;height:40px;border:1px solid rgba(0,212,255,.2);transform-style:preserve-3d;animation:floatGeo 10s infinite ease-in-out}.shape-1{border-radius:50%;width:60px;height:60px}.shape-2{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-3{transform:rotate(45deg)}@keyframes floatGeo{0%,to{transform:translateZ(100px) rotate(0);opacity:.2}50%{transform:translateZ(250px) rotate(180deg) translate(30px);opacity:.4}}.hyper-nodes{position:absolute;inset:0;transform-style:preserve-3d}.star-wrapper{position:absolute;transform-style:preserve-3d;pointer-events:none}.star-particle{background:#fff;border-radius:50%;box-shadow:0 0 5px #fff,0 0 12px var(--accent-primary),0 0 20px #fff3;animation:twinkleStar infinite ease-in-out;transform-style:preserve-3d}@keyframes twinkleStar{0%,to{transform:scale(1) translateZ(0);opacity:.4}50%{transform:scale(1.6) translateZ(20px);opacity:1}}.atmospheric-glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.3;pointer-events:none;z-index:-1;transition:background 1s ease}.galaxy-theme .glow-top{background:radial-gradient(circle,rgba(124,58,237,.6),transparent 70%);opacity:.4}.galaxy-theme .glow-center{background:radial-gradient(circle,rgba(0,212,255,.4),transparent 70%);opacity:.3}.galaxy-theme .glow-bottom{background:radial-gradient(circle,rgba(124,58,237,.5),transparent 70%);opacity:.3}.articles-theme .glow-top{background:radial-gradient(circle,rgba(0,212,255,.3),transparent 70%)}.articles-theme .glow-bottom{background:radial-gradient(circle,rgba(16,163,127,.2),transparent 70%)}.glow-top{top:-10%;right:10%;width:80vw;height:80vw;background:radial-gradient(circle,var(--accent-primary),transparent 75%);animation:pulseGlow 12s infinite alternate}.glow-center{top:40%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#7c3aed33,transparent 70%);animation:pulseGlow 18s infinite alternate-reverse}.glow-bottom{bottom:-15%;right:-5%;width:90vw;height:90vw;background:radial-gradient(circle,var(--accent-primary),#7c3aed22,transparent 80%);opacity:.35;animation:pulseGlow 10s infinite alternate}.light-streaks{position:absolute;inset:0;pointer-events:none}.streak{position:absolute;width:2px;height:300px;background:linear-gradient(to bottom,transparent,var(--accent-primary),transparent);opacity:.1;filter:blur(2px);animation:streakDown 8s infinite linear}.streak-1{left:20%;animation-delay:-2s}.streak-2{right:25%;animation-delay:-5s}@keyframes streakDown{0%{transform:translateY(-100vh) skew(-15deg);opacity:0}50%{opacity:.2}to{transform:translateY(100vh) skew(-15deg);opacity:0}}.hero-section,.about-section,.skills-section,.projects-section,.certificates-section,.experience-section,.articles-section,.contact-section{background:transparent!important;position:relative;z-index:2}.glass-card,.info-card-3d,.ultra-form-wrapper,.timeline-content-modern,.project-card,.certificate-card{background:#ffffff05!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 25px 50px -12px #00000080!important}.contact-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:300px;background:linear-gradient(to top,rgba(0,212,255,.05),transparent);pointer-events:none;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#020205}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.custom-cursor-container{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s}.custom-cursor-container.hidden{opacity:0}.cursor-dot{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;z-index:2}.cursor-ring{position:absolute;width:35px;height:35px;border:2px solid var(--accent-primary);border-radius:50%;z-index:1;transition:all .3s cubic-bezier(.23,1,.32,1)}.cursor-glow{position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(0,212,255,.15),transparent 70%);border-radius:50%;z-index:0;transform:translate(-47%,-47%)}.custom-cursor-container.hovered .cursor-ring{width:60px;height:60px;background:#00d4ff1a;border-width:1px;border-color:#ffffff80}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;perspective:1500px}.holographic-card{position:relative;background:#ffffff05;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .6s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.holographic-card:hover{transform:translateY(-20px) rotateX(5deg) rotateY(-5deg);box-shadow:0 40px 100px #00000080;border-color:var(--accent-primary)}.holographic-overlay{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,.05) 50%,transparent 100%);z-index:3;pointer-events:none;opacity:0;transition:opacity .4s}.holographic-card:hover .holographic-overlay{opacity:1;animation:hologramWarp 3s infinite linear}@keyframes hologramWarp{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.project-image{position:relative;height:240px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}.holographic-card:hover .project-image img{transform:scale(1.1) rotate(2deg)}.project-corner-glow{position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at 100% 0%,var(--accent-primary),transparent 70%);opacity:0;transition:opacity .4s}.holographic-card:hover .project-corner-glow{opacity:.3}.project-category-badge{display:inline-block;padding:.4rem 1rem;background:#00d4ff1a;color:var(--accent-primary);border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;border:1px solid rgba(0,212,255,.1)}.premium-tech-tag{padding:.3rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;font-size:.8rem;color:var(--text-secondary);transition:all .3s}.holographic-card:hover .premium-tech-tag{background:#00d4ff0d;border-color:#00d4ff1a;color:var(--text-primary)}.about-stats-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem}.stat-card-3d{background:#ffffff08;padding:2rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-card-3d:hover{transform:translateY(-10px) rotateX(10deg);background:#ffffff0d;border-color:var(--accent-primary)}.stat-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,212,255,.05),transparent 70%);opacity:0;transition:opacity .4s}.stat-card-3d:hover .stat-glow{opacity:1}.magnetic-stat h4{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}@media(max-width:768px){.custom-cursor-container{display:none}.about-stats-premium{grid-template-columns:1fr}}.page-hero{padding:10rem 0 4rem;background:transparent;text-align:center;position:relative;z-index:5}.breadcrumb{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;position:relative;z-index:10}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal)}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb .separator{color:var(--text-secondary)}.breadcrumb .current{color:var(--accent-primary)}.page-title{font-size:3rem;font-weight:800;margin-bottom:1rem}@media(max-width:768px){.page-title{font-size:2.2rem}.page-hero{padding:8rem 0 3rem}}@media(max-width:480px){.page-title{font-size:1.8rem}}.page-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.certificates-page,.articles-page{padding-top:80px}.certificates-page{background:transparent;min-height:100vh}.certificates-page .certificates-hero{background:transparent;padding:10rem 0 6rem;position:relative;overflow:hidden}.certificates-page .certificates-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.08),transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.03),transparent 60%);pointer-events:none}.floating-logos-container{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:0}.floating-logo{position:absolute;width:45px;height:45px;animation:floatLogo 20s ease-in-out infinite}.floating-logo img{width:100%;height:100%;object-fit:contain;filter:brightness(1.1) saturate(1.2);transition:all .3s ease;position:relative;z-index:2}.logo-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(20px);opacity:0;animation:pulseGlow 3s ease-in-out infinite;z-index:1}.floating-logos-container.hero .floating-logo{width:55px;height:55px}.floating-logos-container.hero .floating-logo img{opacity:.85}.floating-logos-container.hero .logo-glow{animation:pulseGlow 3s ease-in-out infinite}.floating-logos-container.main .floating-logo{width:55px;height:55px}.floating-logos-container.main .floating-logo img{opacity:.6}.floating-logos-container.main .logo-glow{animation:pulseGlow 4s ease-in-out infinite}@media(max-width:992px){.certificates-hero{padding:8rem 0 4rem!important}}@media(max-width:768px){.floating-logo{width:30px;height:30px}.floating-logos-container.hero .floating-logo{width:35px;height:35px}.certificates-stats{flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.cert-stat{flex:1 1 140px;padding:1rem}.cert-stat-number{font-size:2rem}}@media(max-width:480px){.certificates-hero{padding:6rem 0 3rem!important}.floating-logo{width:22px;height:22px;opacity:.3!important}.cert-stat{flex:1 1 120px}.cert-stat-number{font-size:1.8rem}.floating-logo:nth-child(2n){display:none}}@keyframes floatLogo{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(-15px) rotate(-3deg)}75%{transform:translateY(-40px) rotate(3deg)}}@keyframes pulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.5)}}.certificates-main,.articles-main{padding:4rem 0 6rem;position:relative;overflow:hidden}.certificates-page .certificates-main{background:transparent}.certificates-page .container{position:relative;z-index:1}.certificates-count,.articles-count{text-align:center;color:var(--text-secondary);margin-bottom:2rem}@media(max-width:768px){.certificates-count,.articles-count{display:none}}.certificates-grid.large{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.certificate-meta{display:flex;justify-content:space-between;margin-bottom:.5rem}.certificate-type{text-transform:capitalize;color:var(--accent-secondary);font-size:.8rem}.filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.filter-btn i{font-size:1.1rem}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 5px 20px #00d4ff4d}.filter-count{background:#fff3;padding:.1rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.filter-btn:not(.active) .filter-count{background:var(--border-color)}.articles-page{background:transparent;min-height:100vh}.articles-page .articles-hero{background:transparent;padding:10rem 0 6rem;position:relative;overflow:hidden}.articles-page .articles-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.08),transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.03),transparent 60%);pointer-events:none}.articles-page .articles-main{background:transparent}.articles-page .container{position:relative;z-index:1}.articles-toolbar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:2rem}@media(max-width:768px){.articles-toolbar{display:none}}.articles-search{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;min-width:250px}.articles-search i{color:var(--text-secondary)}.articles-search input{background:transparent;border:none;color:var(--text-primary);width:100%;outline:none}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;position:relative;z-index:2}@media(max-width:768px){.articles-grid{grid-template-columns:1fr;gap:1.5rem}}.article-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;border:1px solid var(--border-color);transition:all var(--transition-normal)}.article-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.article-image{position:relative;height:200px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-image img{transform:scale(1.1)}.article-date{position:absolute;top:.75rem;left:.75rem;background:#00d4ffe6;color:#fff;padding:.4rem .5rem;border-radius:6px;text-align:center;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.article-date .day{display:block;font-size:1rem;font-weight:700}.article-date .month{display:block;font-size:.55rem;text-transform:uppercase;font-weight:500;margin-top:1px}.article-content{padding:1.5rem}.article-meta{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.85rem}.article-category{color:var(--accent-primary);text-transform:capitalize}.article-read-time{color:var(--text-secondary)}.article-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.article-tag{padding:.25rem .5rem;background:#00d4ff1a;color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem}.article-link{color:var(--accent-primary);font-weight:600;display:flex;align-items:center;gap:.25rem;transition:gap var(--transition-normal)}.article-card:hover .article-link{gap:.5rem}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-results i{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.page-loading{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--text-secondary)}.carousel-3d-section{padding:2rem 0 4rem;position:relative;overflow:visible}.carousel-3d-title{text-align:center;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.carousel-3d-title i{color:var(--accent-primary);font-size:1.5rem}.carousel-3d-wrapper{position:relative;height:420px;perspective:1200px;cursor:grab;-webkit-user-select:none;user-select:none;overflow:visible}.carousel-3d-wrapper:active{cursor:grabbing}.carousel-3d-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.carousel-3d-card{position:absolute;width:340px;height:380px;border-radius:20px;overflow:hidden;text-decoration:none;background:var(--bg-card);border:1px solid rgba(0,212,255,.15);transition:all .7s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;box-shadow:0 15px 40px #0000004d}.carousel-3d-card.active{border-color:#00d4ff66;box-shadow:0 25px 60px #0006,0 0 40px #00d4ff26,inset 0 1px #ffffff1a}.carousel-card-image{position:relative;height:220px;overflow:hidden}.carousel-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.carousel-3d-card.active .carousel-card-image img{transform:scale(1.05)}.carousel-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.7) 100%)}.carousel-card-content{padding:1.25rem 1.5rem}.carousel-card-category{display:inline-block;background:var(--gradient-primary);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.carousel-card-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-card-meta{display:flex;gap:1rem;color:var(--text-secondary);font-size:.8rem}.carousel-card-meta i{margin-right:.25rem;color:var(--accent-primary)}.carousel-card-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 55%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.carousel-3d-card.active .carousel-card-shine{opacity:1;animation:carouselShine 3s ease-in-out infinite}@keyframes carouselShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.carousel-3d-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:2px solid rgba(0,212,255,.3);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:20}.carousel-3d-nav:hover{background:#00d4ff33;border-color:var(--accent-primary);transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px #00d4ff4d}.carousel-3d-nav.prev{left:5%}.carousel-3d-nav.next{right:5%}.carousel-3d-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(0,212,255,.3);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px #00d4ff80;transform:scale(1.3)}.carousel-dot:hover{border-color:var(--accent-primary);transform:scale(1.2)}.carousel-dot.nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:var(--accent-primary);font-size:1rem}.carousel-dot.nav-btn:hover{background:#00d4ff33;transform:scale(1.1)}.carousel-counter{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:1px;min-width:60px;text-align:center}.articles-grid-3d{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;position:relative;z-index:2;perspective:1200px}.article-card-3d{position:relative;display:block;text-decoration:none;background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);transition:transform .15s ease-out,box-shadow .3s ease,border-color .3s ease;transform-style:preserve-3d;will-change:transform;cursor:pointer}.article-card-3d:hover{border-color:#00d4ff4d;box-shadow:0 30px 60px #0003,0 0 30px #00d4ff1a}.card-3d-image-wrapper{position:relative;height:200px;overflow:hidden}.card-3d-image{width:100%;height:100%;object-fit:cover;transition:transform .15s ease-out;will-change:transform}.card-3d-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none}.article-card-3d .article-date{z-index:5}.card-3d-content{padding:1.5rem}.article-card-3d .article-meta{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.85rem}.article-card-3d .article-category{color:var(--accent-primary);text-transform:capitalize}.article-card-3d .article-read-time{color:var(--text-secondary)}.article-card-3d .article-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.article-card-3d:hover .article-title{color:var(--accent-primary)}.article-card-3d .article-excerpt{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-3d .article-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.article-card-3d .article-tag{padding:.25rem .5rem;background:#00d4ff1a;color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem}.article-card-3d .article-link{color:var(--accent-primary);font-weight:600;display:flex;align-items:center;gap:.25rem;font-size:.9rem;transition:gap .3s ease}.article-card-3d:hover .article-link{gap:.75rem}.article-card-3d .article-link i{transition:transform .3s ease}.article-card-3d:hover .article-link i{transform:translate(5px)}.card-3d-glow{position:absolute;inset:0;border-radius:20px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:10;mix-blend-mode:screen}.card-3d-shine{position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:11;opacity:0;transition:opacity .3s ease}.article-card-3d:hover .card-3d-shine{opacity:1;background:linear-gradient(135deg,transparent 30%,rgba(0,212,255,.08) 50%,transparent 70%);animation:cardShineLoop 4s ease-in-out infinite}@keyframes cardShineLoop{0%{background-position:-200% 0}to{background-position:200% 0}}.perspective-hidden{opacity:0;transform:perspective(1200px) translate3d(0,50px,-200px) rotateX(10deg) scale(.9);filter:blur(4px);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1),filter .5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--card-index, 0) * 60ms)}.perspective-visible{opacity:1;transform:perspective(1200px) translateZ(0) rotateX(0) scale(1);filter:blur(0);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .15s ease-out,filter .5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--card-index, 0) * 60ms)}.perspective-visible:hover{transition:transform .15s ease-out,box-shadow .3s ease}@media(max-width:992px){.carousel-3d-wrapper{height:380px}.carousel-3d-card{width:300px;height:350px}.carousel-card-image{height:190px}.carousel-3d-nav.prev{left:2%}.carousel-3d-nav.next{right:2%}}@media(max-width:768px){.articles-grid-3d{grid-template-columns:1fr;gap:1.5rem}.article-card-3d{transform:none!important}.article-card-3d:hover{transform:translateY(-5px)!important}.card-3d-image{transform:none!important}.card-3d-glow{display:none}.carousel-3d-wrapper{height:360px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.carousel-3d-card{width:280px;height:340px}.carousel-card-image{height:170px}.carousel-3d-nav{width:40px;height:40px;font-size:1.2rem}.carousel-3d-nav.prev{left:1%}.carousel-3d-nav.next{right:1%}.perspective-hidden{transform:translateY(40px);filter:blur(2px)}.perspective-visible{transform:translateY(0);filter:blur(0)}}@media(max-width:480px){.carousel-3d-section{padding:1rem 0 2rem}.carousel-3d-title{font-size:1.4rem}.carousel-3d-wrapper{height:320px}.carousel-3d-card{width:250px;height:300px}.carousel-card-image{height:150px}.carousel-card-content{padding:1rem}.carousel-card-content h3{font-size:.95rem}.carousel-3d-nav{display:none}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.experience-section{padding:5rem 0;position:relative;overflow:hidden}.experience-timeline{position:relative;max-width:800px;margin:0 auto;padding-left:50px}.experience-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.timeline-item{position:relative;margin-bottom:3rem;padding-left:30px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-30px;top:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.marker-dot{width:16px;height:16px;background:var(--bg-primary);border:3px solid var(--accent-primary);border-radius:50%;z-index:2;transition:all var(--transition-normal)}.timeline-item.current .marker-dot{background:var(--accent-primary);box-shadow:0 0 15px #00d4ff80;animation:pulse 2s infinite}.timeline-content{background:var(--bg-card);padding:1.5rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);position:relative;transition:all var(--transition-normal)}.timeline-content:before{content:"";position:absolute;left:-10px;top:10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--border-color)}.timeline-content:after{content:"";position:absolute;left:-8px;top:11px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid var(--bg-card)}.timeline-item:hover .timeline-content{transform:translate(5px);border-color:var(--accent-primary);box-shadow:0 10px 30px #00d4ff1a}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-period{color:var(--accent-primary);font-size:.9rem;font-weight:600}.current-badge{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.timeline-role{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.timeline-company{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.timeline-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.timeline-tech{display:flex;flex-wrap:wrap;gap:.5rem}.certificates-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem;position:relative;z-index:1}.cert-stat{text-align:center;padding:1.5rem;background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.cert-stat:hover{background:#00d4ff0d;border-color:#00d4ff33;transform:translateY(-5px)}.cert-stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.cert-stat-label{color:var(--text-secondary);font-size:.9rem}.certificates-filter{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap!important;width:100%;-webkit-overflow-scrolling:touch}@media(max-width:768px){.certificates-filter{display:none!important}.filter-btn{white-space:nowrap!important;flex-shrink:0!important;display:inline-flex!important}}.certificates-filter::-webkit-scrollbar{display:none}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;position:relative;z-index:2}.certificate-card{background:linear-gradient(145deg,#0d1e36e6,#0a1628f2);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(0,212,255,.1);transition:all .5s cubic-bezier(.4,0,.2,1);text-decoration:none;display:block;position:relative}.certificate-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#00d4ff4d,#7c3aed4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.certificate-card:hover:before{opacity:1}.certificate-card:hover{transform:translateY(-15px) scale(1.02);border-color:transparent;box-shadow:0 30px 60px #0000004d,0 0 40px #00d4ff26,inset 0 1px #ffffff0d}.certificate-glow{position:absolute;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.certificate-card:hover .certificate-glow{opacity:1}.certificate-image{position:relative;height:200px;overflow:hidden}.certificate-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease}.certificate-card:hover .certificate-image img{transform:scale(1.15);filter:brightness(.7)}.certificate-badge{position:absolute;top:1rem;right:1rem;width:35px;height:35px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 4px 15px #10b98166;z-index:2}.certificate-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.95) 0%,rgba(10,22,40,.7) 40%,transparent 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .4s ease}.certificate-card:hover .certificate-overlay{opacity:1}.overlay-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translateY(20px);transition:transform .4s ease}.certificate-card:hover .overlay-icon{transform:translateY(0)}.overlay-icon i{font-size:1.5rem;color:#fff}.overlay-text{color:#fff;font-size:.9rem;font-weight:500;transform:translateY(20px);opacity:0;transition:all .4s ease .1s}.certificate-card:hover .overlay-text{transform:translateY(0);opacity:1}.certificate-content{padding:1.5rem;position:relative;z-index:1}.certificate-year{display:inline-block;background:var(--gradient-primary);color:#fff;padding:.3rem .9rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:.75rem;box-shadow:0 4px 15px #00d4ff33}.certificate-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.certificate-issuer{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.certificate-issuer i{color:var(--accent-primary);font-size:1rem}.certificate-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;margin-top:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.certificate-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff66}.certificate-btn i{font-size:1.1rem;transition:transform .3s ease}.certificate-btn:hover i{transform:translate(3px)}.certificates-cta{text-align:center;margin-top:4rem}@media(max-width:768px){.page-title{font-size:2rem}.articles-toolbar{flex-direction:column;align-items:stretch}.articles-search{min-width:unset}.articles-grid,.certificates-grid.large,.certificates-grid{grid-template-columns:1fr}.experience-timeline{padding-left:40px}.experience-timeline:before{left:15px}.timeline-item{padding-left:20px}.timeline-marker{left:-25px}.timeline-content{padding:1.25rem}.certificates-stats{gap:1.5rem}.cert-stat-number{font-size:2rem}}.projects-page{background:transparent;min-height:100vh}.projects-list-container{padding:4rem 0 8rem}.project-list-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .5s cubic-bezier(.23,1,.32,1);cursor:pointer}.project-list-item:first-child{border-top:1px solid rgba(255,255,255,.05)}.item-index{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-secondary);opacity:.5;margin-right:3rem;transition:all .4s ease}.item-main{flex:1}.item-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;text-transform:lowercase;color:var(--text-primary);margin-bottom:.5rem;transition:all .4s ease}.item-category{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);opacity:.6}.item-image-preview{position:absolute;right:15%;width:350px;height:220px;border-radius:12px;overflow:hidden;opacity:0;transform:perspective(2000px) rotateY(30deg) rotateX(10deg) translate3d(50px,0,-100px);pointer-events:none;transition:all .8s cubic-bezier(.16,1,.3,1);z-index:10;box-shadow:-20px 30px 60px #00000080,0 0 40px #00d4ff1a;clip-path:inset(0 100% 0 0)}.item-image-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,3px 100%;pointer-events:none;z-index:2}.item-image-preview:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,212,255,.2),transparent);animation:scanline 3s linear infinite;z-index:3}@keyframes scanline{0%{top:-100%}to{top:100%}}.item-image-preview img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2) brightness(1.1);transition:transform 1.5s ease}.project-list-item:hover .item-image-preview{opacity:1;transform:perspective(2000px) rotateY(-5deg) rotateX(5deg) translateZ(50px);clip-path:inset(0 0 0 0)}.project-list-item:hover .item-image-preview img{transform:scale(1.1) translate(-10px)}.item-action{margin-left:2rem}.view-project-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:var(--text-primary);text-decoration:none;font-weight:500;white-space:nowrap;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.view-project-btn:hover{background:var(--gradient-primary);border-color:transparent;transform:scale(1.05);box-shadow:0 10px 20px #00d4ff4d}@media(max-width:992px){.project-list-item{padding:2.5rem 0;flex-wrap:wrap}.item-main{flex:1 1 60%}.item-image-preview{position:relative;right:auto;width:100%;height:250px;opacity:1;transform:none;clip-path:none;margin-top:2rem;pointer-events:auto;display:block;box-shadow:10px 10px 30px #0006;order:3}}@media(max-width:768px){.project-list-item{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem 0}.item-image-preview{height:200px}.item-index{margin-bottom:-1rem;margin-right:0}.item-action{margin-left:0;width:100%}.view-project-btn{width:100%;justify-content:center}}.projects-page-new{background:transparent;min-height:100vh;overflow-x:hidden}.projects-hero-new{padding:10rem 0 4rem;position:relative;text-align:center;overflow:hidden}.projects-hero-new:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,212,255,.1),transparent 40%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.1),transparent 40%);pointer-events:none}.projects-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:1rem;position:relative;z-index:2}.projects-hero-description{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.7;position:relative;z-index:2}.floating-shapes{position:absolute;inset:0;pointer-events:none;perspective:1000px;z-index:0}.floating-shapes .shape{position:absolute;opacity:.15;animation:floatShape 20s ease-in-out infinite}.floating-shapes .cube{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));top:15%;left:10%;animation-delay:0s;transform:rotate(45deg);border-radius:8px}.floating-shapes .pyramid{width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:70px solid var(--accent-primary);top:25%;right:15%;animation-delay:-4s}.floating-shapes .sphere{width:80px;height:80px;background:radial-gradient(circle at 30% 30%,var(--accent-secondary),var(--accent-primary));border-radius:50%;bottom:20%;left:8%;animation-delay:-8s}.floating-shapes .torus{width:70px;height:70px;border:15px solid var(--accent-primary);border-radius:50%;top:60%;right:10%;animation-delay:-12s}.floating-shapes .octahedron{width:50px;height:50px;background:var(--accent-secondary);top:70%;left:50%;animation-delay:-16s;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(90deg) scale(1.1)}50%{transform:translateY(-15px) rotate(180deg) scale(.95)}75%{transform:translateY(-40px) rotate(270deg) scale(1.05)}}.projects-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem;position:relative;z-index:2}.stat-item{text-align:center;padding:1.5rem 2rem;background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);border-color:#00d4ff4d;box-shadow:0 10px 30px #00d4ff1a}.stat-number{display:block;font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{color:var(--text-secondary);font-size:.9rem}.projects-grid-section{padding:4rem 0 8rem;position:relative}.projects-3d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;perspective:2000px}.flip-card-container{height:420px;perspective:1500px}.flip-card-container.stagger-3d{opacity:0;transform:translateY(50px) rotateX(15deg);animation:cardEntrance .8s ease forwards}.flip-card-container.stagger-3d.visible{animation-play-state:running}@keyframes cardEntrance{to{opacity:1;transform:translateY(0) rotateX(0)}}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.flip-card-container:hover .flip-card{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden}.flip-card-front{background:linear-gradient(145deg,#0d1e36f2,#0a1628fa);border:1px solid rgba(0,212,255,.15)}.card-image{position:relative;height:55%;overflow:hidden;background:#0003}.card-image img{width:100%;height:100%;object-position:center top;object-fit:cover;transition:transform .6s ease,filter .4s ease}.flip-card-container:hover .card-image img{transform:scale(1.1);filter:brightness(.7)}.flip-card-front .image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.9) 0%,transparent 50%)}.card-front-content{padding:1.5rem;position:relative;z-index:2}.card-category{display:inline-block;padding:.4rem 1rem;background:#00d4ff26;color:var(--accent-primary);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.card-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.hover-hint{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;opacity:.7}.hover-hint i{animation:rotateHint 2s ease-in-out infinite}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.card-glow{position:absolute;inset:-2px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:0;z-index:-1;filter:blur(15px);transition:opacity .4s ease}.flip-card-container:hover .card-glow{opacity:.4}.flip-card-back{background:linear-gradient(145deg,#00d4ff0d,#7c3aed0d);border:1px solid rgba(0,212,255,.25);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.flip-card-back:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#0d1e36f7,#0a1628fc);z-index:0}.back-content{position:relative;z-index:1;padding:2rem;height:100%;display:flex;flex-direction:column}.back-category{display:inline-block;width:fit-content;padding:.35rem .9rem;background:var(--gradient-primary);color:#fff;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.back-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.back-description{color:var(--text-secondary);font-size:.85rem;line-height:1.6;flex:1;overflow:hidden;margin-bottom:1rem;position:relative;max-height:100px}.back-description-inner{animation:scrollText 8s linear infinite;animation-play-state:paused}.flip-card-container:hover .back-description-inner{animation-play-state:running}@keyframes scrollText{0%,10%{transform:translateY(0)}90%,to{transform:translateY(calc(-100% + 100px))}}.back-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tech-badge{padding:.3rem .7rem;background:#00d4ff1a;color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:1px solid rgba(0,212,255,.2)}.back-actions{display:flex;gap:.75rem;margin-top:auto}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff66}.action-btn.secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:#ffffff26;border-color:var(--accent-primary);transform:translateY(-3px)}.private-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1rem;background:#ffffff0d;color:var(--text-secondary);border-radius:var(--radius-md);font-size:.85rem;border:1px dashed rgba(255,255,255,.2)}.projects-cta{text-align:center;margin-top:4rem}@media(max-width:992px){.projects-stats{gap:1.5rem}.stat-item{padding:1rem 1.5rem}.stat-number{font-size:2rem}}@media(max-width:768px){.projects-hero-new{padding:8rem 0 3rem}.projects-stats{flex-wrap:wrap;gap:1rem}.stat-item{flex:1 1 100px}.projects-3d-grid{grid-template-columns:1fr;gap:2rem}.flip-card-container{height:auto;min-height:500px}.flip-card{transform-style:flat}.flip-card-container:hover .flip-card{transform:none}.flip-card-front,.flip-card-back{position:relative;backface-visibility:visible;transform:none}.flip-card-back{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.flip-card-front{border-bottom-left-radius:0;border-bottom-right-radius:0}.card-image{height:200px}.hover-hint{display:none}.floating-shapes .shape{opacity:.08}}@media(max-width:480px){.projects-hero-title{font-size:2rem}.projects-hero-description{font-size:1rem}.stat-item{padding:.75rem 1rem}.stat-number{font-size:1.5rem}.back-content{padding:1.5rem}.back-actions{flex-direction:column}}.projects-page-3d{min-height:100vh;padding-top:80px;position:relative;overflow:hidden}.projects-bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:floatOrb 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.3),transparent 70%);top:-200px;right:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 70%);bottom:-150px;left:-150px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.2),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,50px) scale(.9)}75%{transform:translate(-50px,-20px) scale(1.05)}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.projects-hero-3d{padding:6rem 0 4rem;text-align:center;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.projects-hero-3d.visible{opacity:1;transform:translateY(0)}.hero-title-3d{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-title-3d .title-line{display:block}.hero-subtitle-3d{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.projects-stats-3d{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.stat-bubble{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:20px;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-bubble:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.stat-value{display:block;font-size:2rem;font-weight:800;color:var(--accent-primary)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.projects-showcase-3d{padding:4rem 0 6rem;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1) .3s}.projects-showcase-3d.visible{opacity:1;transform:translateY(0)}.cards-grid-3d{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.5rem;perspective:1000px}.holographic-card{position:relative;height:480px;border-radius:24px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .1s ease-out,box-shadow .3s ease;cursor:pointer;opacity:0;animation:cardReveal .8s ease forwards;animation-delay:var(--delay)}.holographic-card.visible{animation-play-state:running}@keyframes cardReveal{0%{opacity:0;transform:translateY(50px) rotateX(15deg) scale(.9)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}.holo-shine{position:absolute;inset:0;border-radius:24px;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 55%,transparent 60%);background-size:200% 200%;background-position:var(--glow-x, 50%) var(--glow-y, 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.holographic-card.hovered .holo-shine{opacity:1}.floating-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.6),transparent 70%);left:var(--glow-x, 50%);top:var(--glow-y, 50%);transform:translate(-50%,-50%);filter:blur(40px);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.holographic-card.hovered .floating-glow{opacity:.8}.glass-card-inner{position:relative;height:100%;border-radius:24px;background:linear-gradient(145deg,#0d1e36e6,#0a1628f2);border:1px solid rgba(0,212,255,.15);overflow:hidden;z-index:2;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.holographic-card.hovered .glass-card-inner{border-color:#00d4ff66;box-shadow:0 0 30px #00d4ff33,inset 0 0 30px #00d4ff0d}.card-image-3d{position:relative;height:200px;overflow:hidden;transform:translateZ(20px)}.card-image-3d img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.holographic-card.hovered .card-image-3d img{transform:scale(1.1)}.image-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(10,22,40,1) 100%)}.card-content-3d{padding:1.5rem;flex:1;display:flex;flex-direction:column;transform:translateZ(30px)}.category-badge-3d{display:inline-block;width:fit-content;padding:.4rem 1rem;background:linear-gradient(135deg,#00d4ff33,#7c3aed33);color:var(--accent-primary);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;border:1px solid rgba(0,212,255,.3)}.card-title-3d{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.card-description-3d{color:var(--text-secondary);font-size:.9rem;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.tech-stack-3d{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-pill{padding:.3rem .75rem;background:#00d4ff1a;color:var(--accent-primary);border-radius:15px;font-size:.75rem;font-weight:500;border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.tech-pill:hover{background:#00d4ff33;transform:translateY(-2px)}.tech-pill.more{background:#7c3aed33;border-color:#7c3aed4d;color:#a78bfa}.card-actions-3d{display:flex;gap:.75rem;margin-top:auto}.action-btn-3d{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s ease}.action-btn-3d.primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.action-btn-3d.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff66}.action-btn-3d.secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.action-btn-3d.secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.private-badge-3d{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;color:#f87171;border-radius:12px;font-size:.85rem;border:1px solid rgba(239,68,68,.2)}.depth-shadow{position:absolute;bottom:-20px;left:10%;right:10%;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.4),transparent 70%);filter:blur(15px);opacity:0;transition:opacity .3s ease;z-index:0}.holographic-card.hovered .depth-shadow{opacity:1}.projects-cta-3d{margin-top:4rem;text-align:center}.btn-back-3d{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#00d4ff1a;color:var(--accent-primary);border:1px solid rgba(0,212,255,.3);border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-back-3d:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff4d}@media(max-width:768px){.cards-grid-3d{grid-template-columns:1fr;gap:2rem}.holographic-card{height:auto;min-height:420px}.hero-title-3d{font-size:2.5rem}.projects-stats-3d{flex-wrap:wrap;gap:1rem}.stat-bubble{flex:1;min-width:100px}}@media(max-width:480px){.hero-title-3d{font-size:2rem}.hero-subtitle-3d{font-size:1rem}.card-content-3d{padding:1rem}.card-actions-3d{flex-direction:column}}.projects-orbit-page{min-height:100vh;padding-top:80px;background:radial-gradient(ellipse at center,#0a1628,#050a12);position:relative;overflow:hidden}.aurora-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 100%,#0f172a,#020617);pointer-events:none}.aurora-light{position:absolute;filter:blur(60px);opacity:.4;border-radius:50%;animation:auroraMove 20s infinite alternate cubic-bezier(.4,0,.2,1)}.light-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#3b82f6;animation-duration:25s}.light-2{top:40%;right:-10%;width:40vw;height:40vw;background:#8b5cf6;animation-duration:30s;animation-delay:-5s}.light-3{bottom:-20%;left:20%;width:60vw;height:60vw;background:#06b6d4;animation-duration:22s;animation-delay:-10s}@keyframes auroraMove{0%{transform:translate(0) scale(1)}to{transform:translate(5%,10%) scale(1.1)}}.floating-tech-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.floating-tech-icon-v2{position:absolute;width:50px;height:50px;opacity:.15;filter:drop-shadow(0 0 10px rgba(255,255,255,.1));animation:floatingIconV2 60s ease-in-out infinite;will-change:transform}.floating-tech-icon-v2 img{width:100%;height:100%;object-fit:contain;opacity:.8}@keyframes floatingIconV2{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-particle{position:absolute;width:3px;height:3px;background:#00d4ff40;border-radius:50%;animation:floatParticle 40s ease-in-out infinite;box-shadow:0 0 8px #00d4ff4d}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-15px) scale(1.2);opacity:.4}}.orbit-hero{text-align:center;padding:4rem 0 2rem;position:relative;z-index:10;opacity:0;transform:translateY(-30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.orbit-hero.visible{opacity:1;transform:translateY(0)}.orbit-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.orbit-title .title-line{display:block}.orbit-subtitle{font-size:1.2rem;color:var(--text-secondary)}.orbit-system{position:relative;height:700px;display:flex;align-items:center;justify-content:center;perspective:1200px;z-index:5;opacity:0;transition:opacity 1s ease .5s}.orbit-system.visible{opacity:1}.orbit-center{position:absolute;z-index:20}.sun-core{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.sun-inner{width:100px;height:100px;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px #00d4ff99,0 0 120px #00d4ff66,inset 0 0 30px #ffffff4d;z-index:2}.sun-text{font-size:2rem;font-weight:800;color:#fff}.sun-label{font-size:.7rem;color:#fffc;text-transform:uppercase;letter-spacing:1px}.sun-ring{position:absolute;border:2px solid rgba(0,212,255,.3);border-radius:50%;animation:pulseRing 3s ease-in-out infinite}.ring-1{width:120px;height:120px;animation-delay:0s}.ring-2{width:140px;height:140px;animation-delay:1s}.ring-3{width:160px;height:160px;animation-delay:2s}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}.orbit-track{position:absolute;width:1000px;height:1000px;z-index:1;pointer-events:none}.track-ring{width:100%;height:100%;border:1px solid rgba(0,212,255,.15);border-radius:50%;transform:rotateX(75deg);pointer-events:none}.orbit-container{position:absolute;width:1000px;height:1000px;transform-style:preserve-3d;transition:transform .05s linear}.orbit-container.paused{transition:transform .5s ease-out}.orbit-planet{position:absolute;top:50%;left:50%;width:180px;height:220px;margin-left:-90px;margin-top:-110px;transform-style:preserve-3d;cursor:pointer;transition:transform .3s ease;z-index:15;pointer-events:auto!important}.orbit-planet:hover .planet-card{transform:scale(1.1)}.orbit-planet.selected .planet-card{transform:scale(1.15);box-shadow:0 0 50px #00d4ffcc}.planet-card{width:100%;height:100%;background:linear-gradient(145deg,#0d1e36f2,#0a1628fa);border-radius:20px;border:2px solid rgba(0,212,255,.3);overflow:hidden;transition:all .3s ease;position:relative}.planet-card:hover{border-color:#00d4ffcc}.planet-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(0,212,255,.2),transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.orbit-planet:hover .planet-glow{opacity:1}.planet-image{height:120px;overflow:hidden}.planet-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.orbit-planet:hover .planet-image img{transform:scale(1.1)}.planet-info{padding:1rem;text-align:center}.planet-category{display:inline-block;padding:.25rem .75rem;background:#00d4ff33;color:var(--accent-primary);border-radius:10px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.planet-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.orbit-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:30}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:30px;color:var(--accent-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.control-btn:hover{background:#00d4ff33;transform:scale(1.05)}.control-btn.paused{background:var(--accent-primary);color:#fff}.project-detail-modal{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#0d1e36fa,#0a1628fc);border:1px solid rgba(0,212,255,.3);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.close-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-btn:hover{background:#ef444480;transform:rotate(90deg)}.modal-image{height:250px;overflow:hidden;border-radius:24px 24px 0 0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-info{padding:2rem}.modal-category{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,#00d4ff33,#7c3aed33);color:var(--accent-primary);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;border:1px solid rgba(0,212,255,.3)}.modal-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.modal-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.modal-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.4rem .8rem;background:#00d4ff1a;color:var(--accent-primary);border:1px solid rgba(0,212,255,.2);border-radius:15px;font-size:.8rem;font-weight:500}.modal-actions{display:flex;gap:1rem}.modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease}.modal-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.modal-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff66}.modal-btn.secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.modal-btn.secondary:hover{background:#ffffff1a}.modal-private{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#ef44441a;color:#f87171;border-radius:12px;border:1px solid rgba(239,68,68,.2)}.orbit-back{position:fixed;bottom:2rem;left:2rem;z-index:50;opacity:0;transform:translateY(20px);transition:all .5s ease 1s}.orbit-back.visible{opacity:1;transform:translateY(0)}.back-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:30px;color:var(--accent-primary);font-weight:600;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff4d}@media(max-width:992px){.orbit-system{height:600px}.orbit-track,.orbit-container{width:500px;height:500px}.orbit-planet{width:140px;height:180px;margin-left:-70px;margin-top:-90px}.planet-image{height:90px}.planet-title{font-size:.85rem}}@media(max-width:768px){.orbit-title{font-size:2.5rem}.orbit-system{height:500px}.orbit-track,.orbit-container{width:400px;height:400px}.sun-inner{width:80px;height:80px}.sun-text{font-size:1.5rem}.orbit-planet{width:120px;height:150px;margin-left:-60px;margin-top:-75px}.planet-image{height:70px}.planet-info{padding:.75rem}.planet-title{font-size:.75rem}.modal-actions{flex-direction:column}}@media(max-width:480px){.orbit-title{font-size:2rem}.orbit-system{height:450px}.orbit-track,.orbit-container{width:320px;height:320px}.orbit-planet{width:100px;height:130px;margin-left:-50px;margin-top:-65px}.planet-image{height:60px}.orbit-back{bottom:1rem;left:1rem}}