#root,.App,body,html{height:auto;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100%;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.desktop-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a99;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.desktop-header.scrolled{background:#1a1a1ae6;box-shadow:0 4px 20px #0000004d}.desktop-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#fff);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.nav-links button:before{background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-links button:hover:before{left:100%}.nav-links button:hover{background:#00ffff1a;color:#0ff;transform:translateY(-2px)}.desktop-footer{background:#1a1a1ae6;border-top:1px solid #0ff3;margin-top:4rem;overflow:hidden;padding:2rem 0;position:relative}.desktop-footer:before{background:linear-gradient(90deg,#0000,#0ff,#0000);box-shadow:0 0 10px #00ffff80;content:"";height:1px;left:0;position:absolute;right:0;top:0}.mobile-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1ae6;border-bottom:1px solid #ffffff1a;display:none;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1001}.mobile-brand{align-items:center;display:flex;gap:.5rem}.mobile-brand h3{color:#0ff;display:inline;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 0 10px #00ffff80;white-space:nowrap}.mobile-menu-toggle{z-index:1001}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;transition:all .3s ease;width:30px}.hamburger span{background:#0ff;border-radius:2px;box-shadow:0 0 5px #00ffff80;height:3px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border-left:1px solid #00ffff4d;box-shadow:-10px 0 30px #00000080;display:flex;flex-direction:column;height:100vh;overscroll-behavior:contain;position:absolute;right:0;top:0;width:280px}.mobile-menu-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;padding:20px}.mobile-menu-header h3{color:#0ff;font-size:1.5rem;margin:0;text-shadow:0 0 10px #00ffff80}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#0ff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-btn:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff4d}.mobile-menu-nav{display:flex;flex:1 1;flex-direction:column;padding:20px 0}.mobile-menu-nav button{background:none;border:none;border-left:3px solid #0000;color:#fff;cursor:pointer;font-size:1.1rem;margin:2px 0;padding:15px 20px;text-align:left;transition:all .3s ease}.mobile-menu-nav button:hover{background:#00ffff1a;border-left-color:#0ff;color:#0ff;text-shadow:0 0 10px #00ffff80}.mobile-menu-footer{border-top:1px solid #0ff3;padding:20px;text-align:center}.mobile-menu-footer p{color:#ccc;font-size:.9rem;margin:5px 0}.mobile-menu-footer .footer-subtitle{color:#0ff!important;font-size:.8rem!important;opacity:.8}.mobile-footer{background:#1a1a1ae6;border-top:1px solid #0ff3;margin-top:2rem;overflow:hidden;padding:1.5rem 0;position:relative}.mobile-footer:before{background:linear-gradient(90deg,#0000,#0ff,#0000);box-shadow:0 0 10px #00ffff80;content:"";height:1px;left:0;position:absolute;right:0;top:0}.mobile-footer-content{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.mobile-footer-content p{color:#ccc;font-size:.9rem;margin:.5rem 0}.mobile-footer-content .footer-subtitle{color:#0ff!important;font-size:.8rem!important;opacity:.8}.mobile-footer-content .footer-decoration{gap:.5rem;margin-top:1rem}.mobile-footer-content .decoration-line{width:30px}.mobile-footer-content .decoration-dot{height:6px;width:6px}@media (max-width:768px){.desktop-footer,.desktop-header{display:none}.mobile-nav{display:flex}.mobile-footer{display:block}}@media (min-width:769px){.desktop-footer,.desktop-header{display:block}.mobile-footer,.mobile-menu-overlay,.mobile-nav{display:none!important}}@media (max-width:480px){.mobile-nav{padding:1rem}.mobile-brand h3{font-size:1.3rem}.hamburger{height:20px;width:25px}.hamburger span{height:2px}.mobile-menu-content{width:260px}.mobile-menu-header{padding:15px}.mobile-menu-header h3{font-size:1.3rem}.mobile-menu-nav button{font-size:1rem;padding:12px 15px}.mobile-menu-footer{padding:15px}}.footer{background:#1a1a1ae6;border-top:1px solid #0ff3;margin-top:4rem;overflow:hidden;padding:2rem 0;position:relative;z-index:10}.footer,.footer *{pointer-events:auto}.footer:before{background:linear-gradient(90deg,#0000,#0ff,#0000);box-shadow:0 0 10px #00ffff80;content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.footer-text p{color:#ccc;font-size:1rem;margin:.5rem 0}.footer-subtitle{color:#0ff!important;font-size:.9rem!important;opacity:.8}.footer-decoration{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.decoration-line{background:linear-gradient(90deg,#0000,#0ff,#0000);box-shadow:0 0 5px #00ffff4d;height:1px;width:50px}.decoration-dot{animation:pulse 2s infinite;background:#0ff;border-radius:50%;box-shadow:0 0 10px #00ffff80;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:768px){.footer{display:block;margin-top:2rem;padding:1.25rem 0}.footer-content{padding:0 1rem}.footer-text p{font-size:.9rem}.footer-subtitle{font-size:.8rem!important}}.hero{align-items:center;background:linear-gradient(90deg,#181818,#2c2c2c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center;width:100%}@media (max-width:768px){.hero{align-items:center;min-height:100svh;padding-top:0}}.hero#hero,section#hero{margin:0;max-width:100%;padding-left:0;padding-right:0}.star-shoot-layer{background:linear-gradient(90deg,#181818,#2c2c2c);height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.shooting-star{animation:shootImproved 4s ease-out forwards;filter:drop-shadow(0 0 5px rgba(255,255,255,.8)) drop-shadow(0 0 10px rgba(0,255,255,.6)) drop-shadow(0 0 15px rgba(0,255,255,.3));height:20px;opacity:.9;position:absolute;width:20px;z-index:1}.static-star{animation:twinkle 3s ease-in-out infinite;background:radial-gradient(circle,#fff,#ffffff4d);border-radius:50%;box-shadow:0 0 6px #fff6;opacity:.6;position:absolute}.static-star:nth-child(odd){animation:twinkleSlow 4s ease-in-out infinite}.static-star:nth-child(3n){background:radial-gradient(circle,#0ff,#00ffff4d);box-shadow:0 0 8px #00ffff80}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkleSlow{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}}@keyframes shootImproved{0%{opacity:1;transform:translate(0) scale(1)}30%{opacity:1;transform:translate(300px,300px) scale(1.2);transform:translate(var(--end-x,300px),var(--end-y,300px)) scale(1.2)}70%{opacity:.8;transform:translate(300px,300px) scale(.8);transform:translate(var(--end-x,300px),var(--end-y,300px)) scale(.8)}to{opacity:0;transform:translate(350px,350px) scale(0);transform:translate(var(--end-x,350px),var(--end-y,350px)) scale(0)}}.hero-content{max-width:800px;padding:0 2rem;position:relative;z-index:2}.hero-title{color:#0ff;cursor:pointer;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 0 30px #00ffff80;transition:all .3s ease}.hero-title.typewriter{align-items:center;display:flex;font-family:Courier New,monospace;justify-content:center;letter-spacing:2px;min-height:1.2em}.cursor{animation:blink 1s infinite;color:#0ff;font-size:1.1em;font-weight:900;margin-left:2px;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff,0 0 20px #0ffc}@keyframes blink{0%,45%{opacity:1;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff,0 0 20px #0ffc}50%,95%{opacity:0;text-shadow:none}to{opacity:1;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff,0 0 20px #0ffc}}.hero-subtitle{color:#e0e0e0;cursor:pointer;font-size:1.5rem;font-weight:300;letter-spacing:1px;margin-bottom:2rem;transition:all .3s ease}.hero-subtitle .separator{color:#0ff;font-weight:600;margin:0 .5rem;text-shadow:0 0 10px #0ffc}.hero-title:hover{filter:drop-shadow(0 0 20px rgba(0,255,255,.8));transform:scale(1.05)}.hero-subtitle:hover{filter:drop-shadow(0 0 15px rgba(0,255,255,.6));transform:scale(1.02)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.hero-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#0ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:1rem;text-shadow:0 0 30px #00ffff80}.hero-content p{color:#ccc;font-size:1.5rem;font-weight:300;margin-bottom:3rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cta-button{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.cta-button.primary{background:linear-gradient(45deg,#0ff,#0080ff);box-shadow:0 4px 20px #00ffff4d;color:#fff}.cta-button.primary:hover{box-shadow:0 6px 30px #00ffff80;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #0ff;color:#0ff}.cta-button.secondary:hover{background:#00ffff1a;box-shadow:0 4px 20px #0ff3}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover:before{left:100%}@media (max-width:768px){.hero-content h2{font-size:2.5rem}.hero-content p{font-size:1.2rem}.hero-buttons{align-items:center;flex-direction:column}.cta-button{width:200px}}@media (max-width:480px){.hero-content{padding:0 1rem}.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}}.about-section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.about-container h2{color:#0ff;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #00ffff80}.about-content{grid-gap:3rem;align-items:start;border-radius:20px;display:grid;gap:3rem;grid-template-columns:2fr 1fr;overflow:hidden;position:relative}.border-animation-wrapper{border-radius:20px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.border-svg{border-radius:20px;height:100%;width:100%}.border-path{fill:none;stroke:#0ff;stroke-width:clamp(2px,.5vw,5px);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60 75;stroke-dasharray:var(--dash-array,60 75);stroke-dashoffset:0;animation:borderFlow 4s linear infinite;filter:drop-shadow(0 0 6px rgba(0,255,255,.4));will-change:stroke-dashoffset}@keyframes borderFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:135;stroke-dashoffset:var(--dash-offset,135)}}@media (prefers-reduced-motion:reduce){.border-path{stroke-dasharray:60 75;stroke-dasharray:var(--dash-array,60 75);stroke-dashoffset:0;animation:none;opacity:.6}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.border-svg{shape-rendering:geometricPrecision}}@media (max-width:480px){.border-path{stroke-width:clamp(1px,.3vw,3px);filter:drop-shadow(0 0 4px rgba(0,255,255,.3))}}.about-text{font-family:Consolas,Andale Mono,Lucida Console,Lucida Sans Typewriter,Monaco,Courier New,monospace;font-size:1.1rem;line-height:1.8;text-align:justify}.about-text p{color:#e0e0e0;margin-bottom:1.5rem}.about-text p:last-child{margin-bottom:0}.about-right-column,.about-stats{display:flex;flex-direction:column;gap:2rem}.about-stats{background:#00ffff0d;border:1px solid #0ff3;border-radius:15px;padding:2rem}.stat-item{background:#ffffff0d;border-radius:10px;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-item:hover{background:#00ffff1a;transform:translateY(-5px)}.stat-item h3{color:#0ff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item p{color:#ccc;font-size:1rem;margin:0}.cv-download-section{display:flex;justify-content:flex-end;width:100%}.cv-download-btn{align-items:center;background:linear-gradient(45deg,#0ff,#09c);border:none;border-radius:12px;box-shadow:0 5px 15px #00ffff4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;overflow:hidden;padding:15px 25px;position:relative;transition:all .3s ease}.cv-download-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cv-download-btn:hover:before{left:100%}.cv-download-btn:hover:not(:disabled){background:linear-gradient(45deg,#0cc,#07a);box-shadow:0 8px 25px #0ff6;color:#fff;transform:translateY(-2px)}.cv-download-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cv-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.3rem}.cv-text{font-weight:700;text-shadow:0 1px 2px #0000004d}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:968px){.about-content{gap:2rem;grid-template-columns:1fr}.about-stats{flex-direction:row;justify-content:space-around}.stat-item{flex:1 1;margin:0 .5rem}}@media (max-width:768px){.about-section{padding:4rem 1rem}.about-container h2{font-size:2rem}.about-text{font-size:1rem}.about-stats{flex-direction:column;gap:1rem}.stat-item h3{font-size:2rem}}@media (max-width:480px){.about-text{font-size:.9rem;line-height:1.6}.stat-item h3{font-size:1.8rem}.stat-item p{font-size:.9rem}.cv-download-btn{font-size:1rem;padding:12px 20px}.cv-icon{font-size:1.1rem}}.skills-section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.skills-section h2{color:#0ff;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #00ffff80}.section-description{color:#ccc;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.skill-card:hover{background:#ffffff14;border-color:var(--skill-color);box-shadow:0 15px 40px #0006;transform:translateY(-8px) scale(1.02)}.skill-icon{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.skill-logo{height:30px;object-fit:contain;width:30px}.skill-placeholder{font-size:1.5rem}.skill-info{margin-bottom:1rem}.skill-name{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.skill-category{background:rgba(var(--skill-color-rgb),.2);border:1px solid rgba(var(--skill-color-rgb),.3);border-radius:15px;color:var(--skill-color);display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.skill-progress{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.progress-bar{background:#ffffff1a;border-radius:10px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:var(--skill-color);border-radius:10px;height:100%;transition:width 2s ease}.progress-text{color:var(--skill-color);font-size:.9rem;font-weight:600;min-width:35px;text-align:right}.skill-description{color:#e0e0e0;font-size:.9rem;line-height:1.5;margin:0}.skill-card.python:hover{border-color:#ffdf00;box-shadow:0 20px 60px #ffdf004d,0 0 40px #3776ab4d,0 0 80px #ffdf0033,0 0 100px #3776ab33}.skill-card.python:hover .skill-icon{background:linear-gradient(135deg,#ffdf004d,#3776ab4d);border-color:#ffdf00}.skill-card.python:hover .skill-logo{filter:drop-shadow(0 0 8px rgba(255,223,0,.8)) drop-shadow(0 0 12px rgba(55,118,171,.6))}.skill-card.react:hover{border-color:#61dafb;box-shadow:0 20px 60px #61dafb80,0 0 40px #61dafb4d,0 0 80px #61dafb33}.skill-card.react:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(97,218,251,.8))}.skill-card.react:hover .skill-icon{background:#61dafb33;border-color:#61dafb}.skill-card.javascript:hover{border-color:#f7df1e;box-shadow:0 20px 60px #f7df1e80,0 0 40px #f7df1e4d,0 0 80px #f7df1e33}.skill-card.javascript:hover .skill-icon{background:#f7df1e33;border-color:#f7df1e}.skill-card.javascript:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(247,223,30,.8))}.skill-card.html:hover{border-color:#e34f26;box-shadow:0 20px 60px #e34f2680,0 0 40px #e34f264d,0 0 80px #e34f2633}.skill-card.html:hover .skill-icon{background:#e34f2633;border-color:#e34f26}.skill-card.html:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(227,79,38,.8))}.skill-card.css:hover{border-color:#1572b6;box-shadow:0 20px 60px #1572b680,0 0 40px #1572b64d,0 0 80px #1572b633}.skill-card.css:hover .skill-icon{background:#1572b633;border-color:#1572b6}.skill-card.css:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(21,114,182,.8))}.skill-card.csharp:hover{border-color:indigo;box-shadow:0 20px 60px #4b008280,0 0 40px #4b00824d,0 0 80px #4b008233}.skill-card.csharp:hover .skill-icon{background:#4b008233;border-color:indigo}.skill-card.csharp:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(75,0,130,.8))}.skill-card.esp32:hover{border-color:#e7352b;box-shadow:0 20px 60px #e7352b80,0 0 40px #e7352b4d,0 0 80px #e7352b33}.skill-card.esp32:hover .skill-icon{background:#e7352b33;border-color:#e7352b}.skill-card.esp32:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(231,53,43,.8))}@media (max-width:768px){.skills-section{padding:2rem 1rem}.skills-section h2{font-size:2rem}.skills-grid{gap:1.5rem;grid-template-columns:1fr}.skill-card{padding:1.2rem}.skill-icon{height:45px;width:45px}.skill-logo{height:25px;width:25px}.skill-name{font-size:1.2rem}}@media (max-width:480px){.skills-section h2{font-size:1.8rem}.section-description{font-size:1rem}.skill-card{padding:1rem}.skill-name{font-size:1.1rem}.skill-category{font-size:.7rem;padding:.2rem .6rem}.progress-text,.skill-description{font-size:.8rem}}.skill-card.cpp:hover{border-color:#00599c;box-shadow:0 20px 60px #00599c80,0 0 40px #00599c4d,0 0 80px #00599c33}.skill-card.cpp:hover .skill-icon{background:#00599c33;border-color:#00599c}.skill-card.cpp:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(0,89,156,.8))}.skill-card.php:hover{border-color:#777bb4;box-shadow:0 20px 60px #777bb480,0 0 40px #777bb44d,0 0 80px #777bb433}.skill-card.php:hover .skill-icon{background:#777bb433;border-color:#777bb4}.skill-card.php:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(119,123,180,.8))}.skill-card.nodejs:hover{border-color:#393;box-shadow:0 20px 60px #33993380,0 0 40px #3399334d,0 0 80px #3933}.skill-card.nodejs:hover .skill-icon{background:#3933;border-color:#393}.skill-card.nodejs:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(51,153,51,.8))}.skill-card.oracle:hover{border-color:#f80000;box-shadow:0 20px 60px #f8000080,0 0 40px #f800004d,0 0 80px #f8000033}.skill-card.oracle:hover .skill-icon{background:#f8000033;border-color:#f80000}.skill-card.oracle:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(248,0,0,.8))}.skill-card.mysql:hover{border-color:#4479a1;box-shadow:0 20px 60px #4479a180,0 0 40px #4479a14d,0 0 80px #4479a133}.skill-card.mysql:hover .skill-icon{background:#4479a133;border-color:#4479a1}.skill-card.mysql:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(68,121,161,.8))}.skill-card.mongodb:hover{border-color:#47a248;box-shadow:0 20px 60px #47a24880,0 0 40px #47a2484d,0 0 80px #47a24833}.skill-card.mongodb:hover .skill-icon{background:#47a24833;border-color:#47a248}.skill-card.mongodb:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(71,162,72,.8))}.skill-card.arduino:hover{border-color:#00979d;box-shadow:0 20px 60px #00979d80,0 0 40px #00979d4d,0 0 80px #00979d33}.skill-card.arduino:hover .skill-icon{background:#00979d33;border-color:#00979d}.skill-card.arduino:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(0,151,157,.8))}.skill-card.esp32:hover{border-color:#87ceeb;box-shadow:0 20px 60px #87ceeb80,0 0 40px #add8e666,0 0 80px #87ceeb33}.skill-card.esp32:hover .skill-icon{background:linear-gradient(135deg,#87ceeb4d,#add8e64d);border-color:#87ceeb}.skill-card.esp32:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(135,206,235,.8)) drop-shadow(0 0 15px rgba(173,216,230,.6))}.skill-card.visualbasic:hover{border-color:#1976d2;box-shadow:0 20px 60px #1976d280,0 0 40px #1976d24d,0 0 80px #1976d233}.skill-card.visualbasic:hover .skill-icon{background:#1976d233;border-color:#1976d2}.skill-card.visualbasic:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(25,118,210,.8))}.skill-card.css3:hover{border-color:#1572b6;box-shadow:0 20px 60px #1572b680,0 0 40px #1572b64d,0 0 80px #1572b633}.skill-card.css3:hover .skill-icon{background:#1572b633;border-color:#1572b6}.skill-card.css3:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(21,114,182,.8))}.skill-card.typescript:hover{border-color:#3178c6;box-shadow:0 20px 60px #3178c680,0 0 40px #3178c64d,0 0 80px #3178c633}.skill-card.typescript:hover .skill-icon{background:#3178c633;border-color:#3178c6}.skill-card.typescript:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(49,120,198,.8))}.skill-card.liderlik:hover{border-color:#ba55d3;box-shadow:0 20px 60px #ba55d380,0 0 40px #dda0dd66,0 0 80px #ba55d333}.skill-card.liderlik:hover .skill-icon{background:linear-gradient(135deg,#ba55d34d,#dda0dd4d);border-color:#ba55d3}.skill-card.liderlik:hover .skill-logo{filter:drop-shadow(0 0 10px rgba(186,85,211,.8)) drop-shadow(0 0 15px rgba(221,160,221,.6))}.skill-card.takimcalismasi:hover{border-color:#ba55d3;box-shadow:0 20px 60px #ba55d366,0 0 40px #dda0dd66,0 0 80px #ba55d333,0 0 100px #dda0dd33}.skill-card.takimcalismasi:hover .skill-icon{background:linear-gradient(135deg,#ba55d34d,#dda0dd4d);border-color:#ba55d3}.skill-card.takimcalismasi:hover .skill-logo{filter:drop-shadow(0 0 8px rgba(186,85,211,.8)) drop-shadow(0 0 12px rgba(221,160,221,.6))}.projects-section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.projects-container h2{color:#0ff;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #00ffff80}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-card{background:#ffffff0f;border:1px solid #00ffff1a;border-radius:15px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,#0ff,#0080ff);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:#00ffff4d;box-shadow:0 8px 30px #0ff3;transform:translateY(-5px)}.project-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.project-title{color:#fff;flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.project-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:.3rem .8rem;white-space:nowrap}.project-status.completed{background:#0f03;border:1px solid #00ff004d;color:#0f0}.project-status.in-progress{background:#ffa50033;border:1px solid #ffa5004d;color:orange}.project-description{color:#e0e0e0;font-family:Consolas,Andale Mono,Lucida Console,Lucida Sans Typewriter,Monaco,Courier New,monospace;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#00ffff1a;border:1px solid #0ff3;border-radius:15px;color:#0ff;font-size:.8rem;font-weight:500;padding:.3rem .8rem;transition:all .3s ease}.tech-tag:hover{background:#0ff3;transform:translateY(-2px)}.project-links{display:flex;flex-wrap:wrap;gap:1rem}.project-link{align-items:center;border:1px solid #0000;border-radius:25px;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.project-link svg{height:16px;width:16px}.project-link.github{background:#ffffff1a;border-color:#fff3;color:#fff}.project-link.github:hover{background:#fff3;border-color:#00ffff4d;color:#0ff}.project-link.live{background:linear-gradient(45deg,#0ff,#0080ff);color:#fff}.project-link.live:hover{background:linear-gradient(45deg,#0cc,#06c);box-shadow:0 4px 15px #00ffff4d}@media (max-width:768px){.projects-section{padding:4rem 1rem}.projects-container h2{font-size:2rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-card{padding:1.5rem}.project-header{align-items:flex-start;flex-direction:column;gap:.5rem}.project-title{font-size:1.3rem}.project-links{flex-direction:column}.project-link{justify-content:center}}@media (max-width:480px){.project-card{padding:1rem}.project-description{font-size:.9rem}.project-technologies{gap:.3rem}.tech-tag{font-size:.7rem;padding:.2rem .6rem}}.experience-section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.experience-container h2{color:#0ff;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #00ffff80}.experience-timeline{padding-left:2rem;position:relative}.experience-timeline:before{background:linear-gradient(180deg,#0ff,#0080ff);bottom:0;box-shadow:0 0 10px #00ffff80;content:"";left:1rem;position:absolute;top:0;width:2px}.experience-item{margin-bottom:3rem;margin-left:2rem;position:relative}.experience-content{background:#ffffff0f;border:1px solid #00ffff1a;border-radius:15px;padding:2rem;position:relative;transition:all .3s ease}.experience-item:hover .experience-content{border-color:#00ffff4d;box-shadow:0 8px 30px #0ff3;transform:translateY(-5px)}.experience-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.experience-title{color:#fff;flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.experience-type{border-radius:20px;font-size:.8rem;font-weight:600;padding:.3rem .8rem;white-space:nowrap}.experience-type.education{background:#0ff3;border:1px solid #00ffff4d;color:#0ff}.experience-type.work{background:#ffa50033;border:1px solid #ffa5004d;color:orange}.experience-company{color:#0ff;font-size:1.2rem;font-weight:500;margin:0 0 .5rem}.experience-period{color:#ccc;display:inline-block;font-size:.9rem;font-style:italic;margin-bottom:1rem}.experience-description{color:#e0e0e0;font-family:Consolas,Andale Mono,Lucida Console,Lucida Sans Typewriter,Monaco,Courier New,monospace;font-size:1rem;line-height:1.6;margin:0}.timeline-dot{align-items:center;background:#0ff;border-radius:50%;box-shadow:0 0 15px #00ffffb3;display:flex;height:12px;justify-content:center;left:-3rem;position:absolute;top:2rem;width:12px}.dot-inner{background:#fff;border-radius:50%;height:6px;width:6px}@media (max-width:768px){.experience-section{padding:4rem 1rem}.experience-container h2{font-size:2rem}.experience-timeline{padding-left:1rem}.experience-timeline:before{left:.5rem}.experience-item{margin-left:1.5rem}.timeline-dot{left:-2rem}.experience-content{padding:1.5rem}.experience-header{align-items:flex-start;flex-direction:column;gap:.5rem}.experience-title{font-size:1.3rem}}@media (max-width:480px){.experience-content{padding:1rem}.experience-description{font-size:.9rem}.experience-company{font-size:1.1rem}}.certificates-section{margin:0 auto;max-width:1400px;padding:6rem 2rem}.certificates-container h2{color:#0ff;font-size:2.5rem;margin-bottom:1rem;text-align:center;text-shadow:0 0 20px #00ffff80}.certificates-subtitle{color:#b0b0b0;font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.certificates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.no-certificates{background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;color:#b0b0b0;font-size:1.1rem;margin-top:3rem;padding:4rem 2rem;text-align:center}.no-certificates p{margin:0;opacity:.8}.certificate-card{animation:certificateEntrance .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;opacity:0;overflow:hidden;padding:0;position:relative;transform-style:preserve-3d;transition:all .4s ease;-webkit-user-select:none;user-select:none}@keyframes certificateEntrance{0%{opacity:0;transform:translateY(30px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}.certificate-card:hover{border-color:#0ff6;box-shadow:0 12px 40px #0006,0 0 30px #0ff3,inset 0 1px 0 #ffffff1a;transform:translateY(-10px) rotateY(3deg) scale(1.02)}.certificate-image{border-radius:15px 15px 0 0;height:250px;width:100%}.certificate-image img{background:#fff;height:100%;object-fit:contain;padding:10px;transition:transform .4s ease;width:100%}.certificate-card:hover .certificate-image img{transform:scale(1.08)}.certificate-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease}.certificate-card:hover .certificate-overlay{opacity:1}.view-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fffc;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:50px}.view-icon:before{color:#fff;content:"⤴";font-size:1.2rem;font-weight:700}.certificate-card:hover .view-icon{background:#00ffff1a;border-color:#00ffffe6;transform:scale(1.1)}.certificate-overlay span{font-size:1rem;letter-spacing:.5px;text-shadow:0 2px 4px #00000080}.certificate-info{background:#ffffff05;border-radius:0 0 15px 15px;padding:2rem 1.5rem 1.5rem}.certificate-title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:.8rem;text-shadow:0 2px 4px #0000004d}.certificate-issuer{color:#0ff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 0 10px #00ffff4d}.certificate-date{background:#0003;border:1px solid #ffffff1a;border-radius:15px;color:#b0b0b0;display:inline-block;font-family:Consolas,Andale Mono,Lucida Console,Lucida Sans Typewriter,Monaco,Courier New,monospace;font-size:.95rem;margin-bottom:1.2rem;padding:.3rem .8rem}.certificate-description{color:#e0e0e0;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.verify-link{background:linear-gradient(45deg,#0ff,#0080ff);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.verify-link:hover{background:linear-gradient(45deg,#0cc,#06c);box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.loading-skeleton{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.skeleton-card{animation:skeletonLoading 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border:1px solid #ffffff1a;border-radius:20px;height:300px}.certificate-image{cursor:pointer;overflow:hidden;position:relative}.certificate-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.certificate-image:hover .certificate-overlay{opacity:1}.view-icon{font-size:2rem;margin-bottom:.5rem}.certificate-overlay span{color:#fff;font-size:1.1rem;font-weight:700}@media (max-width:768px){.certificates-section{padding:4rem 1rem}.certificates-container h2{font-size:2rem}.certificates-grid{gap:1.5rem;grid-template-columns:1fr}.certificate-card{margin:0 auto;max-width:400px}.certificate-image{height:200px}.certificate-info{padding:1.5rem 1rem 1rem}.certificate-title{font-size:1.2rem}.certificate-modal{padding:1rem}.modal-content{max-height:95vh}.modal-image{max-height:60vh;min-height:300px;padding:1rem}.modal-info{padding:1.5rem}.modal-info h3{font-size:1.4rem}.close-button{font-size:1.2rem;height:40px;top:-40px;width:40px}.nav-button{font-size:1.5rem;height:50px;width:50px}.nav-button-left{left:1rem}.nav-button-right{right:1rem}}@media (max-width:480px){.certificates-grid{grid-template-columns:1fr}.certificate-image{height:150px}.certificate-info{padding:.8rem}.modal-image{max-height:50vh;min-height:250px;padding:1rem}.modal-info{padding:1rem}.modal-info h3{font-size:1.2rem}}.certificate-card:first-child{animation-delay:.1s}.certificate-card:nth-child(2){animation-delay:.2s}.certificate-card:nth-child(3){animation-delay:.3s}.certificate-card:nth-child(4){animation-delay:.4s}.certificate-card:nth-child(5){animation-delay:.5s}.certificate-card:nth-child(6){animation-delay:.6s}.comments-section{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border-radius:30px;min-height:100vh;overflow:hidden;padding:80px 20px}.comments-container{margin:0 auto;max-width:1400px}.comments-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#fff);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:60px;text-align:center;text-shadow:0 0 30px #00ffff80}.comments-grid{grid-gap:45px;align-items:stretch;display:grid;gap:45px;grid-template-columns:1fr 1fr;height:650px}.form-column,.form-container{display:flex;flex-direction:column}.form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #00ffff4d;border-radius:20px;box-shadow:0 20px 40px #0000004d;height:100%;max-height:650px;overflow:hidden;padding:35px}.form-container h3{color:#0ff;font-size:1.8rem;margin-bottom:25px;text-align:center;text-shadow:0 0 15px #00ffff80}.comment-form{display:flex;flex-direction:column;gap:20px;height:100%;position:relative}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #00ffff4d;border-radius:12px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#0ff;box-shadow:0 0 20px #00ffff4d;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input.error,.form-group textarea.error{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d}.error-text{color:#ff6b6b;font-size:.85rem;margin-top:5px}.submit-btn{background:linear-gradient(45deg,#0ff,#09c);border:none;border-radius:12px;box-shadow:0 5px 15px #00ffff4d;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;min-height:50px;padding:15px 30px;position:relative;transition:all .3s ease;z-index:100}.submit-btn:hover:not(:disabled){background:linear-gradient(45deg,#0cc,#07a);box-shadow:0 8px 25px #0ff6;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.comments-column,.comments-container-right{display:flex;flex-direction:column}.comments-container-right{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #00ffff4d;border-radius:20px;box-shadow:0 20px 40px #0000004d;height:100%;max-height:650px;overflow:hidden;padding:0}.comments-header{border-bottom:1px solid #0ff3;padding:25px 30px 20px}.comments-header h3{color:#0ff;font-size:1.6rem;margin:0;text-shadow:0 0 15px #00ffff80}.comments-list{flex:1 1;overflow-y:auto;padding:20px 30px;scrollbar-color:#00ffff80 #0000;scrollbar-width:thin}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#0000}.comments-list::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#00ffffb3}.comment-item{background:#ffffff08;border:1px solid #0ff3;border-radius:15px;margin-bottom:20px;padding:20px;transition:all .3s ease}.comment-item:hover{background:#ffffff0d;border-color:#0ff6;box-shadow:0 10px 25px #00ffff1a;transform:translateY(-2px)}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.comment-author{display:flex;flex-direction:column}.author-name{color:#0ff;font-size:1.1rem;font-weight:700;margin-bottom:5px}.comment-date{color:#fff9;font-size:.85rem}.comment-actions{gap:10px}.comment-actions,.like-btn{align-items:center;display:flex}.like-btn{background:#ffffff1a;border:1px solid #00ffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;gap:5px;padding:8px 12px;transition:all .3s ease}.like-btn:hover{background:#0ff3;border-color:#0ff;transform:scale(1.05)}.like-btn.liked{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b}.like-btn.liked:hover{background:#ff6b6b4d}.heart-icon{font-size:1rem}.like-count{font-weight:600}.reply-btn{background:#ffffff1a;border:1px solid #00ffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.reply-btn:hover{background:#0ff3;border-color:#0ff;transform:scale(1.05)}.comment-content{margin-bottom:15px}.comment-content p{color:#fff;font-size:1rem;line-height:1.6;margin:0}.reply-form-container{animation:slideDown .3s ease-out;background:#00ffff0d;border:1px solid #00ffff4d;border-radius:15px;margin-top:15px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reply-form{display:flex;flex-direction:column;gap:15px}.reply-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.reply-form .form-group{display:flex;flex-direction:column}.reply-form .form-group label{color:#0ff;font-size:.9rem;font-weight:600;margin-bottom:5px}.reply-form .form-group input,.reply-form .form-group textarea{background:#ffffff1a;border:1px solid #0ff6;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.reply-form .form-group input:focus,.reply-form .form-group textarea:focus{border-color:#0ff;box-shadow:0 0 10px #00ffff4d;outline:none}.reply-form .form-group input::placeholder,.reply-form .form-group textarea::placeholder{color:#ffffff80}.reply-actions{display:flex;gap:10px;margin-top:10px}.submit-reply-btn{background:linear-gradient(45deg,#0ff,#09c);border:none;border-radius:8px;color:#000;cursor:pointer;flex:1 1;font-weight:600;padding:10px 20px;transition:all .3s ease}.submit-reply-btn:hover{background:linear-gradient(45deg,#0cc,#07a);transform:translateY(-1px)}.cancel-reply-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;padding:10px 20px;transition:all .3s ease}.cancel-reply-btn:hover{background:#fff3;border-color:#ffffff80}.replies-container{border-left:2px solid #00ffff4d;margin-top:15px;padding-left:20px}.reply-item{background:#00ffff0d;border:1px solid #0ff3;border-radius:12px;margin-bottom:10px;padding:15px;position:relative}.reply-item:before{border-bottom:8px solid #0000;border-left:8px solid #00ffff4d;border-top:8px solid #0000;content:"";height:0;left:-22px;position:absolute;top:20px;width:0}.reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reply-author{color:#0ff;font-size:.9rem;font-weight:600}.reply-date{color:#fff9;font-size:.8rem}.reply-content p{color:#fff;font-size:.9rem;line-height:1.5;margin:0}.admin-reply{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:12px;margin-top:15px;padding:15px}.admin-reply-header{margin-bottom:10px}.admin-label{color:#0ff;font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.admin-reply p{color:#fff;font-style:italic;margin:0}.no-comments{color:#fff9;padding:40px 20px;text-align:center}.no-comments p{font-size:1.1rem;margin:0}.success-overlay{align-items:center!important;animation:fadeIn .3s ease-out forwards!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#000c!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;opacity:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:999999!important}@keyframes fadeIn{to{opacity:1}}.success-message{animation:successPopup .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#1f1f1f,#2a2a2a);border:2px solid #0ff9;border-radius:20px;box-shadow:0 25px 80px #00ffff40;max-width:400px;padding:40px;text-align:center}@keyframes successPopup{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{font-size:3rem;margin-bottom:15px}.success-message h3{color:#0ff;font-size:1.8rem;margin:0 0 10px;text-shadow:0 0 15px #00ffff80}.success-message p{color:#fff;font-size:1rem;margin:0;opacity:.8}.loading-skeleton{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;height:600px}.skeleton-comments,.skeleton-form{animation:skeletonLoading 1.5s ease-in-out infinite;background:#ffffff0d;border-radius:20px}@keyframes skeletonLoading{0%,to{opacity:.3}50%{opacity:.7}}@media (max-width:1024px){.comments-grid{gap:30px;grid-template-columns:1fr;height:auto}.comments-container-right,.form-container{height:auto;min-height:400px}.comments-container-right{min-height:500px}}@media (max-width:768px){.comments-section{padding:60px 15px}.comments-container h2{font-size:2.5rem;margin-bottom:40px}.form-row{grid-template-columns:1fr}.comments-container-right,.form-container{padding:20px}.comment-header{align-items:flex-start;flex-direction:column;gap:10px}.comment-actions{align-self:flex-end}.reply-form .form-row{grid-template-columns:1fr}.replies-container{padding-left:15px}.reply-item:before{left:-17px}.success-message{margin:20px;padding:30px}.submit-btn{border-radius:12px;bottom:0;font-size:1.1rem;margin-top:20px;min-height:55px;padding:16px 25px;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.form-container{padding-bottom:20px}}@media (max-width:480px){.comments-container h2{font-size:2rem}.form-container h3{font-size:1.5rem}.comments-header h3{font-size:1.4rem}.author-name{font-size:1rem}.comment-content p{font-size:.95rem}.submit-btn{border-radius:12px;bottom:0;box-shadow:0 5px 15px #00ffff4d;font-size:1.1rem;margin-top:20px;min-height:50px;padding:16px 25px;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.form-container{padding-bottom:25px}.submit-reply-btn{margin-bottom:10px}.cancel-reply-btn,.submit-reply-btn{font-size:1.1rem;padding:15px 20px;width:100%}}@media (max-width:768px){#contact{padding-bottom:5rem}}.contact-section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.contact-container h2{color:#0ff;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #00ffff80}.contact-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-info{background:#ffffff0f;border:1px solid #00ffff1a;border-radius:15px;padding:2rem}.contact-info h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.contact-info p{color:#e0e0e0;font-family:Consolas,Andale Mono,Lucida Console,Lucida Sans Typewriter,Monaco,Courier New,monospace;font-size:1rem;line-height:1.6}.contact-info p,.contact-methods{margin-bottom:2rem}.contact-method{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.contact-method:hover{background:#00ffff1a;transform:translateX(5px)}.contact-method svg{color:#0ff;height:20px;width:20px}.contact-method span{color:#fff;font-weight:500}.social-links{gap:1rem}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;border-radius:50%;box-shadow:0 4px 15px #0003;height:50px;text-decoration:none;transition:all .3s ease;width:50px}.social-link svg{fill:#fff;height:24px;width:24px}.social-link.github{background:linear-gradient(45deg,#333,#000)}.social-link.github:hover{background:linear-gradient(45deg,#555,#333);box-shadow:0 6px 20px #0000004d}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link.instagram:hover{background:linear-gradient(45deg,#db6e2f,#d14a3f,#c11f48,#b11956,#9e1050);box-shadow:0 6px 20px #ffa5004d}.social-link.linkedin{background:#0077b5}.social-link.linkedin:hover{background:#005983;box-shadow:0 6px 20px #0077b54d}.contact-form{background:#ffffff0f;border:1px solid #00ffff1a;border-radius:15px;padding:2rem}.contact-form h3{color:#fff;font-size:1.5rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-input,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#ffffff1a;border-color:#0ff;box-shadow:0 0 15px #0ff3;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#aaa}.form-textarea{min-height:120px;resize:vertical}.submit-button{background:linear-gradient(45deg,#0ff,#0080ff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(45deg,#0cc,#06c);box-shadow:0 4px 20px #00ffff4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:before{left:100%}.error-message,.success-message{border-radius:10px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.success-message{background:#00ff001a;border:1px solid #00ff004d;color:#0f0}.error-message{background:#ff00001a;border:1px solid #ff00004d;color:red}@media (max-width:968px){.contact-content{gap:2rem;grid-template-columns:1fr}}@media (max-width:768px){.contact-section{padding:4rem 1rem}.contact-container h2{font-size:2rem}.contact-form,.contact-info{padding:1.5rem}.social-links{gap:1.5rem;justify-content:center}}@media (max-width:480px){.contact-form,.contact-info{padding:1rem}.contact-method{flex-direction:column;gap:.5rem;text-align:center}.form-input,.form-textarea{padding:.8rem}}*{box-sizing:border-box;margin:0;padding:0}*,.App{will-change:auto}.App{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);background-attachment:scroll;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;perspective:1000px;transform:translateZ(0)}main{position:relative;z-index:1}@media (max-width:768px){main{padding-bottom:6rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ffffb3}html{scroll-behavior:smooth}.glass-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 30px #0000004d;margin:2rem 0;padding:2rem}section{margin:0 auto;max-width:1200px;padding:4rem 2rem}section h2{color:#0ff;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #00ffff80}@media (max-width:768px){section{padding:2rem 1rem}section h2{font-size:2rem}}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:50%;bottom:16px;box-shadow:0 10px 30px #00ffff59;color:#0b0b0b;cursor:pointer;display:flex;height:56px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:16px;transform:translateY(20px) scale(.9);transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;width:56px;will-change:transform,opacity;z-index:1100}.scroll-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-to-top:hover{box-shadow:0 12px 36px #00ffff80;transform:translateY(0) scale(1.05)}.scroll-to-top:active{transform:translateY(0) scale(.96)}.scroll-to-top svg{filter:drop-shadow(0 0 6px rgba(0,255,255,.6))}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:768px){.scroll-to-top{bottom:calc(12px + env(safe-area-inset-bottom, 0px));height:56px;right:12px;width:56px}}.hardware-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.optimized-animation{transform:translateZ(0);will-change:transform,opacity}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}img{loading:lazy;height:auto;max-width:100%}@font-face{font-display:swap;font-family:Segoe UI}.critical-content{contain:layout style paint}.gpu-layer{transform:translateZ(0);will-change:transform}.smooth-scroll{scroll-behavior:smooth;scroll-padding-top:80px}.off-screen{contain-intrinsic-size:0 500px;content-visibility:auto}.glass-optimized{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;will-change:backdrop-filter}@media (max-width:768px){.mobile-optimized{animation-duration:.3s;transition-duration:.2s}.mobile-optimized *{will-change:auto}}.preload-critical{preload:true;font-display:swap}.hover-optimized{transition:transform .2s ease,box-shadow .2s ease;will-change:transform,box-shadow}.hover-optimized:hover{transform:translateY(-2px);will-change:auto}.intersection-optimized{contain:layout style paint;content-visibility:auto}.memory-optimized{contain:layout style paint;isolation:isolate}
/*# sourceMappingURL=main.ec2b4745.css.map*/