:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-light-bg:#fff;--color-light-text:#1a1a1a;--color-light-secondary:#666;--color-light-border:#e5e5e5;--color-light-card:#f9f9f9;--color-dark-bg:#0f0f0f;--color-dark-text:#fff;--color-dark-secondary:#b0b0b0;--color-dark-border:#2a2a2a;--color-dark-card:#1a1a1a;--accent-teal:#0891b2;--accent-blue:#06c;--accent-light-teal:#06b6d4;--accent-slate:#64748b;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{color:var(--color-light-text);background:var(--color-light-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}.hero{width:100%;max-width:100%;overflow:hidden}section,.hero,.about,.skills,.projects,.experience,.contact{max-width:100%;overflow-x:hidden}.hero:before,.hero:after,.background-circle,.circle,.blur-circle,.hexagon,.hexagon-glow,.floating-icon,.hero-right,.hero-image{max-width:100%;overflow:hidden}*{box-sizing:border-box}.app.dark-mode{background:var(--color-dark-bg);color:var(--color-dark-text)}.app.light-mode{--current-bg:var(--color-light-bg);--current-text:var(--color-light-text);--current-secondary:var(--color-light-secondary);--current-border:var(--color-light-border);--current-card:var(--color-light-card)}.app.dark-mode{--current-bg:var(--color-dark-bg);--current-text:var(--color-dark-text);--current-secondary:var(--color-dark-secondary);--current-border:var(--color-dark-border);--current-card:var(--color-dark-card)}.scroll-indicator{background:linear-gradient(90deg, var(--accent-teal), var(--accent-blue));z-index:1000;width:0%;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-light-border);z-index:999;height:70px;transition:var(--transition);background:#ffffffb3;justify-content:space-between;align-items:center;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.app.dark-mode nav{border-bottom-color:var(--color-dark-border);background:#0f0f0fb3}.nav-brand{color:var(--accent-teal);letter-spacing:-.5px;cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:0;font-size:20px;font-weight:700;text-decoration:none}.nav-brand:hover{color:var(--accent-blue)}.nav-links{gap:40px;list-style:none;display:flex}.nav-links button{color:var(--color-light-text);transition:var(--transition);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none;position:relative}.app.dark-mode .nav-links button{color:var(--color-dark-text)}.nav-links button:after{content:"";background:var(--accent-teal);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links button:hover:after,.nav-links button.active:after{width:100%}.nav-right{align-items:center;gap:20px;display:flex}.theme-toggle{cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:5px;font-size:20px}.theme-toggle:hover{transform:rotate(20deg)}.hero{background:linear-gradient(135deg,#0891b208,#0066cc05);justify-content:center;align-items:center;width:100%;min-height:100vh;margin-top:70px;padding:100px 60px;display:flex;position:relative;overflow:hidden}.app.dark-mode .hero{background:linear-gradient(135deg,#0891b20d,#0066cc08)}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#0891b21a,#0000);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.hero-content{z-index:1;max-width:700px;position:relative}.hero-title{margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2;animation:.8s ease-out slideInDown}.hero-subtitle{color:var(--accent-teal);height:40px;margin-bottom:30px;font-size:32px;font-weight:300;animation:1s ease-out .2s both fadeIn}.typing-effect{border-right:3px solid var(--accent-teal);padding-right:5px;display:inline-block}.hero-description{color:var(--current-secondary);max-width:500px;margin-bottom:40px;font-size:16px;line-height:1.8;animation:1s ease-out .4s both fadeIn}.hero-cta{gap:20px;animation:1s ease-out .6s both fadeIn;display:flex}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:6px;padding:12px 30px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--accent-teal);border:2px solid var(--accent-teal);background:0 0}.btn-secondary:hover{background:#0891b21a;transform:translateY(-2px)}.about{background:var(--current-bg);width:100%;padding:100px 60px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid}.about-image{aspect-ratio:1;background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));color:#fff;width:100%;box-shadow:var(--shadow-lg);border-radius:12px;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative;overflow:hidden}.about-content h2{margin-bottom:30px;font-size:36px;font-weight:700}.highlight{background:var(--current-card);border:1px solid var(--current-border);transition:var(--transition);border-radius:8px;padding:20px}.highlight:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-md);transform:translateY(-4px)}.highlight-title{color:var(--accent-teal);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.highlight-text{color:var(--current-secondary);font-size:14px}.skills{background:var(--current-card);width:100%;padding:100px 60px}.section-title{text-align:center;margin-bottom:60px;font-size:40px;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;margin:0 auto;display:grid}.skill-card{background:var(--current-bg);border:1px solid var(--current-border);transition:var(--transition);border-radius:10px;padding:30px}.skill-card:hover{border-color:var(--accent-teal);transform:translateY(-8px);box-shadow:0 0 20px #0891b226}.skill-icon{width:50px;height:50px;margin-bottom:15px;font-size:28px}.skill-name{margin-bottom:10px;font-size:18px;font-weight:600}.skill-slider{background:var(--current-border);cursor:pointer;border-radius:3px;width:100%;height:6px;margin:15px 0;position:relative;overflow:hidden}.skill-progress{background:linear-gradient(90deg, var(--accent-teal), var(--accent-blue));border-radius:3px;width:0%;height:100%;animation:.8s ease-out forwards fillBar}.skill-percent{color:var(--accent-teal);margin-top:10px;font-size:12px;font-weight:600}.skill-description{color:var(--current-secondary);margin-top:10px;font-size:13px;line-height:1.6}.projects{background:var(--current-bg);width:100%;padding:100px 60px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.project-card{background:var(--current-card);border:1px solid var(--current-border);transition:var(--transition);border-radius:10px;position:relative;overflow:hidden}.project-image{background:linear-gradient(135deg,#0891b21a,#0066cc1a);justify-content:center;align-items:center;width:100%;height:200px;font-size:48px;display:flex;position:relative;overflow:hidden}.project-image:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a,#0000 70%);animation:3s infinite shimmer;position:absolute;inset:0}.project-content{padding:25px}.project-title{margin-bottom:10px;font-size:18px;font-weight:600}.project-description{color:var(--current-secondary);margin-bottom:15px;font-size:14px;line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.tag{color:var(--accent-teal);background:#0891b21a;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.project-links{gap:15px;display:flex}.project-link{color:var(--accent-teal);transition:var(--transition);align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.project-link:hover{color:var(--accent-blue);transform:translate(4px)}.project-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.experience{background:var(--current-card);width:100%;padding:100px 60px}.timeline:before{content:"";background:var(--current-border);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:50px;display:grid}.timeline-item:nth-child(odd) .timeline-content{text-align:right}.timeline-dot{border:3px solid var(--accent-teal);background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-content{background:var(--current-bg);border:1px solid var(--current-border);border-radius:8px;padding:20px;position:relative}.timeline-title{margin-bottom:8px;font-size:16px;font-weight:600}.timeline-description{color:var(--current-secondary);font-size:13px;line-height:1.6}.contact{background:var(--current-bg);text-align:center;padding:100px 60px}.contact-content{max-width:600px;margin:0 auto}.contact p{color:var(--current-secondary);margin-bottom:40px;font-size:16px;line-height:1.8}.form-group{text-align:left}.form-label{color:var(--current-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}input[type=text],input[type=email],textarea{border:1px solid var(--current-border);background:var(--current-card);width:100%;color:var(--current-text);transition:var(--transition);border-radius:6px;padding:12px 16px;font-family:inherit;font-size:14px}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-color:var(--accent-teal);outline:none;box-shadow:0 0 0 3px #0891b21a}.form-submit{margin-top:20px}footer{background:var(--current-card);border-top:1px solid var(--current-border);text-align:center;padding:40px 60px}.footer-content{max-width:1200px;margin:0 auto}.social-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.social-link{color:var(--current-secondary);transition:var(--transition);font-size:13px;font-weight:600;text-decoration:none}.social-link:hover{color:var(--accent-teal);transform:translateY(-2px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fillBar{0%{width:0%}to{width:var(--skill-level,100%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-wrapper{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-text-group{animation:1s ease-out slideInDown}.name-highlight{background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-tagline{color:var(--accent-teal);letter-spacing:.5px;margin:15px 0 20px;font-size:18px;font-weight:500;animation:1s ease-out .3s both fadeIn}.hero-image-container{perspective:1000px;animation:1s ease-out .2s both fadeIn}.hexagon-frame{justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:relative}.hexagon-inner{background:linear-gradient(135deg,#0891b233,#06c3);border:3px solid #0891b266;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #0891b24d,inset 0 0 40px #0891b21a}.image-placeholder{background:linear-gradient(135deg,#0891b226,#0066cc1a);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.profile-image{object-fit:cover;object-position:center;filter:drop-shadow(0 10px 30px #0891b233);border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite float;display:block}.avatar-icon{filter:drop-shadow(0 10px 30px #0891b233);width:180px;height:180px;animation:3s ease-in-out infinite float}.avatar-text{color:#fff;opacity:0;font-size:32px;font-weight:700;animation:1s ease-out .8s both fadeIn;position:absolute}.hexagon-glow{z-index:-1;background:radial-gradient(circle,#0891b24d,#0000);border-radius:50%;width:320px;height:320px;animation:3s ease-in-out infinite pulse;position:absolute}.floating-elements{z-index:0;opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.float-element{justify-content:center;align-items:center;animation:8s ease-in-out infinite float;display:flex;position:absolute}.tech-icon{font-size:48px;font-weight:700;line-height:1}.element-1{color:var(--accent-teal);animation-delay:0s;top:20%;left:5%}.element-2{color:var(--accent-blue);animation-delay:1s;top:60%;right:8%}.section-subtitle{text-align:center;color:var(--current-secondary);max-width:600px;margin-bottom:50px;margin-left:auto;margin-right:auto;font-size:16px}.skill-card{perspective:1000px;cursor:pointer;height:280px;position:relative}.skill-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);position:relative}.skill-card:hover .skill-card-inner{transform:rotateY(180deg)}.skill-card-front,.skill-card-back{backface-visibility:hidden;background:var(--current-bg);border:2px solid var(--current-border);border-radius:10px;flex-direction:column;width:100%;height:100%;padding:30px;display:flex;position:absolute}.skill-card-back{border-color:var(--accent-teal);background:linear-gradient(135deg,#0891b21a,#0066cc0d);transform:rotateY(180deg)}.skill-icon-3d{background:#0891b20d;border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:15px;font-size:30px;transition:transform .3s;display:flex}.skill-card:hover .skill-icon-3d{transform:rotate(360deg)scale(1.1)}.skill-slider-container{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;display:flex}.skill-slider-track{background:var(--current-border);border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.skill-slider-fill{border-radius:4px;width:0%;height:100%;animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards fillBar;box-shadow:0 0 15px}.skill-level-text{color:var(--accent-teal);font-size:14px;font-weight:700}.skill-description{text-align:left;color:var(--current-secondary);font-size:14px;line-height:1.6}.skill-card.animate-in{animation:.6s ease-out slideInUp}.skills-slider-showcase{background:var(--current-bg);border:2px solid #0891b233;border-radius:10px;max-width:600px;margin-top:60px;margin-left:auto;margin-right:auto;padding:40px}.skills-slider-showcase h3{color:var(--current-text);margin-bottom:20px}.slider-label{align-items:center;gap:15px;font-weight:500;display:flex}.skill-range-slider{background:var(--current-border);appearance:none;border-radius:3px;outline:none;flex:1;height:6px}.skill-range-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));cursor:pointer;border-radius:50%;width:18px;height:18px;transition:all .3s;box-shadow:0 0 10px #0891b266}.skill-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #0891b299}.skill-range-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:all .3s;box-shadow:0 0 10px #0891b266}.slider-value{color:var(--accent-teal);text-align:right;min-width:40px;font-weight:700}.project-card{perspective:1000px;border-radius:12px;transition:all .5s;position:relative;overflow:hidden}.project-card-inner{flex-direction:column;height:100%;display:flex;position:relative}.project-device{background:linear-gradient(135deg,#0891b20d,#0066cc0d);flex:1;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex;position:relative;overflow:hidden}.laptop-frame{aspect-ratio:16/10;width:100%;max-width:280px;animation:.8s ease-out rotateIn;position:relative}.laptop-screen{background:linear-gradient(135deg,#1a1a1a,#2d3436);border:8px solid #2c3e50;border-radius:4px 4px 0 0;justify-content:center;align-items:center;width:100%;height:85%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.screen-content{background:linear-gradient(135deg,#0891b24d,#06c3);justify-content:center;align-items:center;width:100%;height:100%;animation:3s ease-in-out infinite screenGlow;display:flex}.project-icon{filter:drop-shadow(0 0 20px #0891b266);font-size:60px}.laptop-base{background:linear-gradient(#2c3e50,#1a1a1a);border-radius:0 0 4px 4px;width:100%;height:15%;position:relative}.laptop-base:before{content:"";background:#1a1a1a;border-radius:0 0 2px 2px;width:80%;height:8px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.phone-frame{aspect-ratio:9/19;width:100%;max-width:160px;animation:.8s ease-out rotateIn;position:relative}.phone-screen{background:linear-gradient(135deg,#1a1a1a,#2d3436);border:6px solid #1a1a1a;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;height:90%;display:flex;overflow:hidden}.phone-notch{z-index:10;background:#1a1a1a;border-radius:0 0 20px 20px;width:50%;height:25px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.phone-home{background:#1a1a1a;border-radius:0 0 12px 12px;width:100%;height:10%;position:relative}.phone-home:after{content:"";background:#444;border-radius:2px;width:30%;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.project-content{background:var(--current-card);flex-shrink:0;padding:25px}.project-glow{opacity:0;filter:blur(20px);z-index:-1;border-radius:12px;transition:opacity .3s;position:absolute;inset:-2px}.project-card:hover .project-glow{opacity:.3}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.project-card.animate-in{animation:.6s ease-out slideInUp}.tag{border:1px solid;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600}.project-link{align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-link:hover{transform:translate(4px)}.projects-stats{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin-top:80px;margin-left:auto;margin-right:auto;display:grid}.stat-item{text-align:center;background:var(--current-card);border:2px solid #0891b233;border-radius:10px;padding:30px;transition:all .3s}.stat-item:hover{border-color:var(--accent-teal);transform:translateY(-8px);box-shadow:0 10px 30px #0891b226}.stat-number{color:var(--accent-teal);margin-bottom:10px;font-size:42px;font-weight:700}.stat-label{color:var(--current-secondary);font-size:14px;font-weight:500}.timeline{max-width:900px;margin:0 auto;padding:40px 0;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent-teal), var(--accent-blue), var(--accent-teal));opacity:.5;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:50px;display:grid;position:relative}.timeline-item.left{grid-template-columns:1fr 1fr}.timeline-item.right{direction:rtl;grid-template-columns:1fr 1fr}.timeline-item.right .timeline-card{direction:ltr}.timeline-connector{background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));z-index:5;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%);box-shadow:0 0 20px #0891b266}.timeline-card{background:var(--current-bg);border:2px solid var(--current-border);perspective:1000px;border-radius:10px;padding:30px;transition:all .4s;position:relative}.timeline-card:hover{border-color:var(--accent-teal);transform:translateY(-8px);box-shadow:0 15px 40px #0891b233}.card-inner{z-index:2;position:relative}.experience-icon{background:#0891b20d;border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:24px;transition:all .3s;display:flex}.timeline-card:hover .experience-icon{transform:rotateY(360deg)scale(1.15)}.timeline-date{color:var(--accent-teal);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.timeline-title{color:var(--current-text);margin-bottom:5px;font-size:18px;font-weight:700}.timeline-organization{color:var(--accent-teal);margin-bottom:12px;font-size:14px;font-weight:600}.timeline-description{color:var(--current-secondary);margin-bottom:15px;font-size:13px;line-height:1.7}.timeline-skills{gap:8px;margin-top:15px;display:flex}.skill-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.card-glow{opacity:0;filter:blur(20px);z-index:0;border-radius:10px;transition:opacity .3s;position:absolute;inset:-2px}.timeline-card:hover .card-glow{opacity:.2}.timeline-item.animate-in .timeline-card{animation:.6s ease-out slideInUp}.timeline-dot{z-index:5;border:3px solid var(--current-bg);border-radius:50%;width:16px;height:16px;margin-top:-8px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.experience-highlight{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin-top:60px;margin-left:auto;margin-right:auto;display:grid}.highlight-card{background:var(--current-bg);text-align:center;border:2px solid #0891b233;border-radius:10px;padding:30px;transition:all .3s}.highlight-card:hover{border-color:var(--accent-teal);transform:translateY(-8px);box-shadow:0 10px 30px #0891b226}.highlight-card h4{color:var(--accent-teal);margin-bottom:10px;font-weight:700}.highlight-card p{color:var(--current-secondary);font-size:14px}.contact-wrapper{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact-form-container{position:relative}.success-message{border:2px solid var(--accent-teal);text-align:center;background:linear-gradient(135deg,#0891b21a,#0066cc0d);border-radius:12px;padding:40px}.success-icon{margin-bottom:15px;font-size:48px;animation:.5s ease-out scaleIn}.success-message h4{color:var(--accent-teal);margin-bottom:8px}.success-message p{color:var(--current-secondary);font-size:14px}.contact-form{flex-direction:column;gap:25px;display:flex}.form-input-wrapper{position:relative}input[type=text],input[type=email],textarea{border:none;border-bottom:2px solid var(--current-border);width:100%;color:var(--current-text);background:0 0;padding:14px 0;font-family:inherit;font-size:14px;transition:all .3s}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:var(--current-secondary);opacity:.6}.input-underline{background:linear-gradient(90deg, var(--accent-teal), var(--accent-blue));width:0;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-bottom-color:var(--accent-teal);outline:none}input[type=text].focused~.input-underline,input[type=email].focused~.input-underline,textarea.focused~.input-underline{width:100%}textarea{resize:vertical;min-height:120px}.form-submit{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex;position:relative;overflow:hidden}.form-submit:not(:disabled){cursor:pointer}.form-submit.submitting{animation:1s ease-in-out infinite pulse}.button-text{transition:all .3s}.button-icon{animation:1.5s ease-in-out infinite pulse;display:inline-block}.contact-methods{flex-direction:column;gap:25px;display:flex}.methods-title{margin-bottom:10px;font-size:20px;font-weight:700}.methods-list{flex-direction:column;gap:15px;display:flex}.method-card{background:var(--current-card);border:2px solid var(--current-border);color:var(--current-text);border-radius:10px;align-items:center;gap:20px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.method-card:hover{border-color:var(--accent-teal);background:#0891b20d;transform:translate(8px)}.method-icon{min-width:24px;font-size:24px}.method-content{flex:1}.method-label{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-teal);margin-bottom:4px;font-size:13px;font-weight:700}.method-value{color:var(--current-text);font-size:14px;font-weight:600}.method-arrow{opacity:0;font-size:18px;transition:all .3s;transform:translate(-10px)}.method-card:hover .method-arrow{opacity:1;transform:translate(0)}.response-time{background:#0891b20d;border:2px solid #0891b233;border-radius:10px;align-items:center;gap:10px;margin-top:20px;padding:20px;display:flex}.response-dot{background:#10b981;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse}.response-time p{color:var(--current-secondary);margin:0;font-size:13px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes screenGlow{0%,to{box-shadow:inset 0 0 20px #0891b233}50%{box-shadow:inset 0 0 40px #0891b266}}.about-image{aspect-ratio:1;width:100%;color:var(--current-text);background:linear-gradient(135deg,#0891b21a,#0066cc0d);border-radius:12px;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0891b21a}.about-image:before{content:"";background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.image-content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-circle{background:linear-gradient(135deg,#0891b226,#0066cc1a);border:2px solid #0891b24d;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;animation:4s ease-in-out infinite float;display:flex;box-shadow:inset 0 0 40px #0891b21a}.profile-illustration{filter:drop-shadow(0 10px 30px #0891b233);width:200px;height:200px}.image-glow{z-index:0;background:radial-gradient(circle,#0891b233,#0000);border-radius:50%;width:320px;height:320px;animation:3s ease-in-out infinite pulse;position:absolute}.about-content{animation:.8s ease-out slideInUp}.about-content h2{background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:36px;font-weight:700}.about-intro{color:var(--current-secondary);margin-bottom:15px;font-size:16px;font-weight:500;line-height:1.8}.about-content p{color:var(--current-secondary);margin-bottom:20px;font-size:15px;line-height:1.8}.about-highlights{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px;display:grid}.highlight{background:var(--current-card);border:2px solid var(--current-border);border-radius:10px;padding:25px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.highlight:before{content:"";background:linear-gradient(180deg, var(--accent-teal), var(--accent-blue));width:4px;height:0;transition:height .3s;position:absolute;top:0;left:0}.highlight:hover{border-color:var(--accent-teal);transform:translateY(-6px);box-shadow:0 10px 30px #0891b226}.highlight:hover:before{height:100%}.highlight-icon{margin-bottom:12px;font-size:28px;animation:3s ease-in-out infinite float;display:inline-block}.highlight-title{color:var(--accent-teal);margin-bottom:8px;font-size:15px;font-weight:700}.highlight-text{color:var(--current-secondary);font-size:13px;line-height:1.6}.highlight.animate-in{animation:.6s ease-out slideInUp}footer{background:linear-gradient(135deg, var(--current-card), #0891b205);border-top:2px solid var(--current-border);text-align:center;padding:60px;position:relative;overflow:hidden}footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-teal), transparent);height:1px;position:absolute;top:0;left:0;right:0}.footer-content{z-index:1;max-width:1200px;margin:0 auto;position:relative}.footer-content p{color:var(--current-secondary);margin-bottom:20px;font-size:14px}.social-links{flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:20px;display:flex}.social-link{color:var(--current-secondary);border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.social-link:hover{color:var(--accent-teal);background:#0891b21a;transform:translateY(-2px)}@media (max-width:1024px){.hero-wrapper{grid-template-columns:1fr;gap:40px}.hero-image-container{order:-1}.contact-grid{grid-template-columns:1fr;gap:40px}.timeline:before{left:0}.timeline-item{grid-template-columns:1fr;gap:0}.timeline-item.right{direction:ltr}.timeline-connector{left:0}.timeline-card{margin-left:40px}.experience-highlight,.projects-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-wrapper{grid-template-columns:1fr}.hexagon-frame{width:280px;height:280px}.hexagon-inner{width:230px;height:230px}.avatar-icon{width:140px;height:140px}.skill-card-front,.skill-card-back{padding:20px}.project-device{min-height:200px}.laptop-frame{max-width:220px}.experience-highlight,.projects-stats{grid-template-columns:1fr}.contact-methods{order:1}}@media (max-width:480px){.hero-wrapper{gap:30px}.hero-title{font-size:28px}.hero-subtitle{font-size:20px}.hero-cta{gap:12px}.btn{padding:10px 20px;font-size:13px}.hexagon-frame{width:220px;height:220px}.hexagon-inner{width:180px;height:180px}.avatar-icon{width:110px;height:110px}.skills-grid{grid-template-columns:1fr}.skill-card{height:auto}.skill-card:hover .skill-card-inner{transform:rotateY(0)}.skill-card-back{display:none}.projects-grid{grid-template-columns:1fr}.laptop-frame{max-width:150px}.timeline-card{margin-left:30px;padding:20px}.contact-form{gap:20px}.methods-title{font-size:16px}.method-card{gap:12px;padding:15px}}@media (max-width:768px){nav{height:60px;padding:0 30px}.nav-links{display:none}.hero{min-height:auto;padding:100px 30px 80px}.hero-title{font-size:32px}.hero-subtitle{font-size:24px}.about-grid,.skills-grid{grid-template-columns:1fr;gap:40px}.about,.experience,.projects,.contact,.skills{padding:60px 30px}.about-highlights{grid-template-columns:1fr}.section-title{margin-bottom:40px;font-size:28px}.projects-grid{grid-template-columns:1fr}.timeline:before{left:0}.timeline-item{grid-template-columns:1fr;gap:0}.timeline-content{margin-left:30px;text-align:left!important}.timeline-dot{left:0}}@media (max-width:480px){nav{padding:0 20px}.hero{padding:60px 20px}.hero-title{font-size:24px}.hero-subtitle{font-size:18px}.hero-cta{flex-direction:column}.btn{text-align:center;width:100%}.about,.experience,.projects,.contact,.skills{padding:40px 20px}.section-title{font-size:24px}.skills-grid{grid-template-columns:1fr}.timeline-item{margin-bottom:40px}.timeline-content{margin-left:20px}footer{padding:30px 20px}}html,body{overflow-x:hidden!important}.hero{overflow:hidden!important}.hero *{max-width:100%}