@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-inter:"Inter","Inter Fallback"}:root{--primary-gradient:linear-gradient(135deg,#064e3b,#065f46 25%,#047857 50%,#059669 75%,#10b981);--secondary-gradient:linear-gradient(135deg,#047857,#059669 50%,#10b981);--accent-gradient:linear-gradient(135deg,#065f46,#047857);--animated-gradient:linear-gradient(-45deg,#064e3b,#065f46,#047857,#059669,#10b981,#34d399,#6ee7b7);--glass-bg:rgba(4,120,87,0.08);--glass-border:rgba(16,185,129,0.18);--text-primary:#ffffff;--text-secondary:#d1fae5;--text-muted:#a7f3d0;--profile-title:#e6fffa;--card-bg:rgba(4,120,87,0.05);--card-border:rgba(16,185,129,0.1);--accent-primary:#047857;--accent-secondary:#059669;--success:#10b981;--shadow:0 25px 50px -12px rgba(4,120,87,0.25);--shadow-lg:0 35px 60px -12px rgba(4,120,87,0.4);--bg-gradient:#000000}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow:hidden;height:100%}body,html{background:var(--bg-gradient);overscroll-behavior:none}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;color:var(--text-primary);height:100vh;overflow-x:hidden;overflow-y:auto;transition:all .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;margin:0;padding:0}@media (max-width:768px){html{scroll-behavior:auto;overflow-x:hidden}body{max-width:100vw}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.container,body:before{background:var(--bg-gradient)}.container{min-height:100vh;overscroll-behavior:none;overflow:visible}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(4px) rotate(-1deg)}}@keyframes floatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes smoothGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rainbowShift{0%{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0 50%}}.typewriter{overflow:visible;white-space:nowrap;letter-spacing:.05em;background:linear-gradient(45deg,#064e3b,#047857,#10b981,#34d399);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-inter),"Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3.5rem);width:fit-content;max-width:100%;position:relative;z-index:2;animation:smoothGradient 4s ease infinite}@keyframes typing{0%{width:0;max-width:0}to{width:fit-content;max-width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--accent-primary)}}.auto-bubbles-enhanced,.scroll-bubbles-enhanced{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;-webkit-mask:linear-gradient(transparent,transparent),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100'><text x='0' y='70' font-family='Inter, Helvetica, Arial' font-size='60' font-weight='900' fill='white'>Hi, I'm Andrew</text></svg>");-webkit-mask-composite:source-in;mask:linear-gradient(transparent,transparent),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100'><text x='0' y='70' font-family='Inter, Helvetica, Arial' font-size='60' font-weight='900' fill='white'>Hi, I'm Andrew</text></svg>");mask-composite:intersect}.enhanced-bubble{position:absolute;border-radius:50%;backdrop-filter:blur(15px);pointer-events:none;will-change:transform,opacity;box-shadow:0 0 20px rgba(255,255,255,.3)}.blue-bubble{background:radial-gradient(circle,rgba(30,64,175,.9) 0,rgba(59,130,246,.7) 40%,rgba(147,197,253,.5) 70%,rgba(30,64,175,.3) 100%)}.white-bubble{background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(248,250,252,.8) 30%,rgba(226,232,240,.6) 60%,rgba(255,255,255,.4) 100%)}.enhanced-bubble.bubble-1{width:80px;height:80px;top:20px;left:10%}.enhanced-bubble.bubble-2{width:60px;height:60px;top:30px;left:50%}.enhanced-bubble.bubble-3{width:70px;height:70px;top:15px;right:15%}.enhanced-bubble.bubble-4{width:55px;height:55px;top:40px;left:30%}.enhanced-bubble.bubble-5{width:65px;height:65px;top:10px;left:70%}.scroll-bubbles{top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-mask:linear-gradient(transparent,transparent),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100'><text x='0' y='70' font-family='Inter, Helvetica, Arial' font-size='60' font-weight='900' fill='white'>Hi, I'm Andrew</text></svg>");-webkit-mask-composite:source-in;mask:linear-gradient(transparent,transparent),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100'><text x='0' y='70' font-family='Inter, Helvetica, Arial' font-size='60' font-weight='900' fill='white'>Hi, I'm Andrew</text></svg>");mask-composite:intersect}.scroll-bubble,.scroll-bubbles{position:absolute;pointer-events:none}.scroll-bubble{border-radius:50%;background:linear-gradient(45deg,rgba(255,255,255,.8),rgba(167,243,208,.6),rgba(52,211,153,.4),rgba(255,255,255,.7));backdrop-filter:blur(25px);transition:transform .1s ease-out;animation:bubblePulse 4s ease-in-out infinite}@keyframes bubblePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.bubble-1{width:60px;height:60px;top:15px;left:15%;animation-delay:0s}.bubble-2{width:45px;height:45px;top:25px;left:45%;animation-delay:1.5s}.bubble-3{width:50px;height:50px;top:10px;right:20%;animation-delay:3s}.profile-title{color:var(--profile-title);margin-bottom:2rem;font-size:.9rem;font-weight:500}.profile-placeholder{width:120px;height:120px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2.2rem;font-weight:700;box-shadow:var(--shadow);position:relative;z-index:1}::-webkit-scrollbar{width:12px;height:12px;transition:all .3s ease}::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:12px;border:1px solid rgba(16,185,129,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 50%,#10b981 100%);border-radius:12px;border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(16,185,129,.3);transition:all .3s ease;opacity:.8}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-secondary) 0,#10b981 50%,#34d399 100%);opacity:1;transform:scaleX(1.1);box-shadow:0 4px 12px rgba(16,185,129,.5)}::-webkit-scrollbar-corner{background:rgba(0,0,0,.3);border-radius:12px}body.scrolling ::-webkit-scrollbar-thumb{opacity:1;background:linear-gradient(135deg,#10b981,#34d399 50%,#6ee7b7);box-shadow:0 4px 16px rgba(16,185,129,.6)}*{scrollbar-width:auto;scrollbar-color:var(--accent-primary) rgba(0,0,0,.3)}body.scrolling *{scrollbar-color:#10b981 rgba(0,0,0,.4)}.modern-container{display:flex;min-height:100vh;gap:2rem;padding:1rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.floating-sidebar{width:320px;gap:1.5rem;position:sticky;top:4rem;height:fit-content}.floating-sidebar,.profile-card{display:flex;flex-direction:column}.profile-card{background:var(--glass-bg);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:24px;padding:1.25rem;text-align:center;position:relative;overflow:hidden;align-items:center;justify-content:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .3s ease}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.profile-card:hover:before{opacity:.6}.profile-avatar{position:relative;display:inline-block;margin-bottom:1.5rem;animation:float 6s ease-in-out infinite;margin-top:0}@media (max-width:768px){.profile-avatar{animation:floatMobile 4s ease-in-out infinite}}.andrew-profile-glow-ring{position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:3px solid var(--accent-primary);border-radius:50%;opacity:.6;animation:andrewProfilePulse 3s ease-in-out infinite;z-index:1}@keyframes andrewProfilePulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.02);opacity:.7}}@keyframes avatarPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.02);opacity:.7}}.profile-info h2{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);margin-top:0;line-height:1.2}.profile-role{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.profile-location{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.location-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:locationPulse 2s ease-in-out infinite}@keyframes locationPulse{0%,to{opacity:1}50%{opacity:.4}}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;justify-items:center}.social-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border-radius:50%;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 0 12px rgba(34,197,94,.43),0 0 20px rgba(34,197,94,.25);border:1px solid rgba(34,197,94,.43)}.social-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(34,197,94,1),0 0 50px rgba(34,197,94,.8);border-color:#22c55e;border-width:2px;background:transparent}.social-btn .social-icon{color:var(--text-primary);font-weight:600;font-size:1rem;z-index:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent}.social-btn .social-icon img{max-width:22px;max-height:22px;width:auto;height:auto;opacity:.9;transition:all .3s ease;object-fit:contain}.social-btn.linkedin .social-icon img{max-width:24px;max-height:24px}.social-btn.email .social-icon img{max-width:20px;max-height:20px}.social-btn.github .social-icon img{max-width:22px;max-height:22px}.social-btn:hover .social-icon{color:white}.social-btn.linkedin:hover .social-icon img,.social-btn:hover .social-icon img{opacity:1;transform:scale(1.05)}.sidebar-achievements{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,193,7,.05));border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 0 15px rgba(255,215,0,.1);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-achievements:hover{transform:translateY(-4px);background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,193,7,.08));border-color:rgba(255,215,0,.4);box-shadow:0 0 25px rgba(255,215,0,.3),0 8px 32px rgba(255,215,0,.2)}.sidebar-section-title{font-size:1rem;font-weight:600;color:#ffd700;margin-bottom:1rem;text-align:center;text-shadow:0 0 8px rgba(255,215,0,.3)}.sidebar-achievements-list{display:flex;flex-direction:column;gap:1rem}.sidebar-achievement-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.15);border-radius:12px;transition:all .3s ease;text-align:left}.sidebar-achievement-item:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(255,215,0,.3);border-color:rgba(255,215,0,.4);background:rgba(255,215,0,.08)}.sidebar-achievement-icon{font-size:1.2rem;flex-shrink:0}.sidebar-achievement-content{display:flex;flex-direction:column;gap:.1rem;flex:1}.sidebar-achievement-title{color:#ffd700;font-weight:600;font-size:.8rem;line-height:1.2}.sidebar-achievement-desc{color:#ffecb3;font-size:.7rem;font-weight:400}.bento-container{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:1.5rem;height:fit-content}.bento-item{background:var(--glass-bg);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:20px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bento-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .3s ease}.bento-item:hover:before{opacity:.6}.bento-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.hero-bento{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;min-height:280px;background:linear-gradient(135deg,var(--glass-bg) 0,rgba(4,120,87,.1) 100%);margin-top:2rem}.hero-bento:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-content{flex:1;max-width:60%;display:flex;flex-direction:column;align-items:flex-start;padding-top:0}.hero-badge{display:inline-block;background:rgba(34,197,94,.1);color:#22c55e;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:500;margin-bottom:1.5rem;border:1px solid rgba(34,197,94,.2);box-shadow:0 0 10px rgba(34,197,94,.3)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1rem;margin-top:0;position:relative;overflow:visible;line-height:1.2}.hero-title-animated{display:flex;flex-wrap:wrap;gap:.2em;position:relative}.hero-title-animated .word{display:inline-flex;overflow:hidden;position:relative}.hero-title-animated .letter{display:inline-block;background:linear-gradient(45deg,#064e3b,#047857,#10b981,#34d399,#6ee7b7);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterSlideIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards,gradientShiftContinuous 6s ease-in-out infinite;opacity:0;transform:translateY(100px) rotate(8deg);position:relative;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform,opacity}@media (max-width:768px){.hero-title-animated .letter{animation:letterSlideInMobile .6s ease-out forwards,gradientShiftSimple 8s ease-in-out infinite}}@keyframes letterSlideInMobile{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShiftSimple{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.word-1 .letter:first-child{animation-delay:.1s}.word-1 .letter:nth-child(2){animation-delay:.15s}.word-1 .letter:nth-child(3){animation-delay:.2s}.word-2 .letter:first-child{animation-delay:.3s}.word-2 .letter:nth-child(2){animation-delay:.35s}.word-2 .letter:nth-child(3){animation-delay:.4s}.word-3 .letter:first-child{animation-delay:.5s}.word-3 .letter:nth-child(2){animation-delay:.55s}.word-3 .letter:nth-child(3){animation-delay:.6s}.word-3 .letter:nth-child(4){animation-delay:.65s}.word-3 .letter:nth-child(5){animation-delay:.7s}.word-3 .letter:nth-child(6){animation-delay:.75s}@keyframes letterSlideIn{0%{opacity:0;transform:translateY(100px) rotate(8deg) scale(.3)}70%{transform:translateY(-10px) rotate(-2deg) scale(1.1)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}@keyframes gradientShiftContinuous{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}25%{background-position:50% 0;filter:hue-rotate(90deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}75%{background-position:50% 100%;filter:hue-rotate(270deg)}}.hero-title-animated .letter:before{content:attr(data-letter);position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#064e3b,#047857,#10b981,#34d399);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.2;z-index:-1;filter:blur(4px);animation:gradientShiftContinuous 6s ease-in-out infinite}@keyframes subtlePulse{0%,to{text-shadow:0 0 8px rgba(52,211,153,.1);filter:blur(0)}50%{text-shadow:0 0 15px rgba(52,211,153,.2);filter:blur(1px)}}.hero-title-animated .word:nth-child(2) .letter{animation-delay:.3s;animation-name:letterSlideIn;animation-duration:.8s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);text-shadow:none;filter:none}@media (max-width:768px){.hero-title-animated .letter:hover{transform:translateY(-3px) scale(1.1)}.hero-title-animated{gap:.1em}}@media (max-width:480px){.hero-title-animated .letter{animation-duration:.6s,8s}.hero-title-animated .letter:hover{transform:translateY(-2px) scale(1.05)}}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;max-width:500px}.hero-actions{gap:1rem}.hero-actions,.primary-btn{display:flex;align-items:center}.primary-btn{gap:.5rem;background:rgba(52,211,153,.1);color:#34d399;text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px rgba(52,211,153,.3);border:1px solid rgba(52,211,153,.2)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(52,211,153,.5),0 0 50px rgba(52,211,153,.3);background:rgba(52,211,153,.15);border-color:rgba(52,211,153,.4)}.btn-arrow{transition:transform .3s ease;animation:bounceArrowHorizontal 3s ease-in-out infinite;display:inline-block}.primary-btn:hover .btn-arrow{transform:translateX(4px)}@keyframes bounceArrowHorizontal{0%,to{transform:translateX(0)}10%{transform:translateX(6px)}20%{transform:translateX(-3px)}30%{transform:translateX(4px)}40%{transform:translateX(-2px)}50%{transform:translateX(2px)}60%,90%{transform:translateX(0)}}.secondary-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-primary);text-decoration:none;padding:1rem 2rem;border:1px solid var(--glass-border);border-radius:50px;font-weight:500;transition:all .3s ease}.secondary-btn:hover{background:var(--card-bg);transform:translateY(-1px)}.hero-visual{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.floating-elements{position:relative;width:200px;height:200px}.float-item{position:absolute;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);animation:floatAround 6s ease-in-out infinite}.float-item.code{top:0;left:0;animation-delay:0s}.float-item.security{top:0;right:0;animation-delay:2s}.float-item.rocket{bottom:0;left:50%;transform:translateX(-50%);animation-delay:0s}@keyframes floatAround{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(5px) rotate(-1deg)}}@media (max-width:768px){.float-item.rocket{animation:none!important;animation-delay:0s!important}}.current-role{background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(4,120,87,.05))}.role-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.apple-logo{font-size:2rem}.pulsating-icon{animation:applePulse 2s ease-in-out infinite}@keyframes applePulse{0%,to{transform:scale(1);filter:brightness(1) drop-shadow(0 0 5px rgba(34,197,94,.3))}50%{transform:scale(1.1);filter:brightness(1.2) drop-shadow(0 0 15px rgba(34,197,94,.6))}}.role-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.role-info p{color:var(--text-secondary);font-size:.9rem}.role-status{margin-left:auto;background:rgba(34,197,94,.1);color:#22c55e;padding:.25rem .75rem;border-radius:50px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-description{color:var(--text-secondary);line-height:1.5}.bento-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tech-pill{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:.4rem .8rem;border-radius:50px;font-size:.75rem;font-weight:500;transition:all .3s ease;animation:slideInUp .8s ease forwards;opacity:0;transform:translateY(20px)}.tech-pill:hover{background:var(--accent-primary);color:white;transform:translateY(-2px)}.skill-progress{gap:1rem}.progress-item,.skill-progress{display:flex;flex-direction:column}.progress-item{gap:.5rem}.progress-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.progress-bar{height:6px;background:var(--card-bg);border-radius:3px;position:relative;overflow:hidden;border:1px solid var(--card-border)}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:3px;position:relative;transition:width 1s ease-in-out}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.education-bento{display:flex;flex-direction:column;gap:1rem}.education-bento>div:first-child{display:flex;align-items:center;gap:1rem}.education-icon{font-size:2rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.education-content{flex:1}.education-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.education-content p{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.timeline{padding:.2rem .6rem;border-radius:50px;font-size:.65rem;font-weight:500;display:inline-block}.timeline,.timeline.completed{box-shadow:0 0 8px rgba(34,197,94,.3)}.timeline,.timeline.completed,.timeline.current{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.timeline.current{animation:currentPulse 2s ease-in-out infinite}@keyframes currentPulse{0%,to{box-shadow:0 0 8px rgba(34,197,94,.3)}50%{box-shadow:0 0 20px rgba(34,197,94,.6)}}.education-divider{height:1px;background:var(--glass-border);margin:.5rem 0}.experience-roadmap{grid-column:1/-1;background:linear-gradient(135deg,rgba(4,120,87,.02),rgba(16,185,129,.05));position:relative;overflow:hidden}.experience-roadmap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(52,211,153,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.02) 0,transparent 50%);pointer-events:none}.roadmap-timeline{display:flex;flex-direction:column;gap:2.5rem;position:relative;padding:1rem 0}.roadmap-timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0,var(--accent-primary) 10%,var(--accent-primary) 90%,transparent 100%);animation:timelineGlow 3s ease-in-out infinite alternate}@keyframes timelineGlow{0%{box-shadow:0 0 5px rgba(52,211,153,.3)}to{box-shadow:0 0 20px rgba(52,211,153,.6),0 0 40px rgba(52,211,153,.3)}}.roadmap-item{display:flex;gap:2rem;position:relative;opacity:0;transform:translateX(-50px);animation:roadmapSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.roadmap-item:first-child{animation-delay:.2s}.roadmap-item:nth-child(2){animation-delay:.4s}.roadmap-item:nth-child(3){animation-delay:.6s}.roadmap-item:nth-child(4){animation-delay:.8s}@keyframes roadmapSlideIn{0%{opacity:0;transform:translateX(-50px) scale(.9)}70%{transform:translateX(5px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}.roadmap-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;z-index:2}.roadmap-dot{width:20px;height:20px;background:radial-gradient(circle,var(--accent-primary) 0,var(--accent-secondary) 70%);border-radius:50%;border:3px solid var(--glass-bg);box-shadow:0 0 0 2px var(--accent-primary),0 0 20px rgba(52,211,153,.4),inset 0 2px 4px rgba(255,255,255,.2);position:relative;z-index:3;animation:dotPulse 2s ease-in-out infinite;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.roadmap-dot:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);animation:innerGlow 3s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px var(--accent-primary),0 0 20px rgba(52,211,153,.4),inset 0 2px 4px rgba(255,255,255,.2)}50%{transform:scale(1.1);box-shadow:0 0 0 2px var(--accent-primary),0 0 30px rgba(52,211,153,.6),0 0 50px rgba(52,211,153,.3),inset 0 2px 4px rgba(255,255,255,.2)}}@keyframes innerGlow{0%,to{opacity:.8}50%{opacity:1}}.roadmap-item:hover .roadmap-dot{transform:scale(1.3);box-shadow:0 0 0 3px var(--accent-primary),0 0 40px rgba(52,211,153,.8),0 0 80px rgba(52,211,153,.4),inset 0 3px 6px rgba(255,255,255,.3)}.roadmap-line{width:2px;height:80px;background:linear-gradient(180deg,var(--accent-primary) 0,rgba(52,211,153,.6) 50%,var(--glass-border) 100%);margin-top:.5rem;position:relative;opacity:.7}.roadmap-content{flex:1;background:linear-gradient(135deg,rgba(255,255,255,.02) 0,var(--card-bg) 50%,rgba(4,120,87,.02) 100%);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.roadmap-content:before{left:-10px;top:25px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--card-border)}.roadmap-content:after,.roadmap-content:before{content:"";position:absolute;width:0;height:0;transition:all .3s ease}.roadmap-content:after{left:-9px;top:26px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid var(--card-bg)}.roadmap-content:hover{transform:translateY(-8px) translateX(5px);box-shadow:var(--shadow-lg),0 0 40px rgba(52,211,153,.15);border-color:rgba(52,211,153,.3);background:linear-gradient(135deg,rgba(255,255,255,.05) 0,var(--card-bg) 50%,rgba(52,211,153,.05) 100%)}.roadmap-content:hover:before{border-right-color:rgba(52,211,153,.3)}.roadmap-content:hover:after{border-right-color:var(--card-bg)}.roadmap-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.roadmap-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;position:relative;transition:all .3s ease}.roadmap-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .4s cubic-bezier(.25,.46,.45,.94)}.roadmap-content:hover .roadmap-title:after{width:100%}.roadmap-date{color:var(--text-muted);font-size:.8rem;font-weight:600;white-space:nowrap;background:linear-gradient(135deg,rgba(52,211,153,.1),rgba(34,197,94,.05));padding:.4rem 1rem;border-radius:25px;border:1px solid rgba(52,211,153,.2);box-shadow:0 0 10px rgba(52,211,153,.1);transition:all .3s ease;position:relative;overflow:hidden}.roadmap-date:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.roadmap-content:hover .roadmap-date:before{left:100%}.roadmap-content:hover .roadmap-date{color:#22c55e;box-shadow:0 0 20px rgba(52,211,153,.3);border-color:rgba(52,211,153,.4)}.roadmap-company{color:var(--accent-primary);font-size:1rem;font-weight:600;margin-bottom:1.25rem;position:relative;transition:all .3s ease}.roadmap-content:hover .roadmap-company{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.3)}.roadmap-bullets{list-style:none;padding:0;margin:0}.roadmap-bullets li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6;transition:all .3s ease;opacity:.9}.roadmap-bullets li:before{content:"▸";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-size:1rem;transition:all .3s ease}.roadmap-content:hover .roadmap-bullets li{color:var(--text-primary);opacity:1;transform:translateX(3px)}.roadmap-content:hover .roadmap-bullets li:before{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.4)}.roadmap-bullets li:first-child{transition-delay:.05s}.roadmap-bullets li:nth-child(2){transition-delay:.1s}.roadmap-bullets li:nth-child(3){transition-delay:.15s}.roadmap-bullets li:nth-child(4){transition-delay:.2s}@media (max-width:768px){.roadmap-timeline:before{left:18px}.roadmap-item{gap:1.5rem}.roadmap-dot{width:16px;height:16px}.roadmap-content{padding:1.5rem}.roadmap-content:hover{transform:translateY(-4px) translateX(2px)}}@media (max-width:480px){.roadmap-timeline:before{left:14px}.roadmap-dot{width:14px;height:14px}.roadmap-content{padding:1.25rem}.roadmap-title{font-size:1.1rem}.roadmap-content:hover{transform:translateY(-3px) translateX(1px)}}.contact-bento{background:linear-gradient(135deg,rgba(4,120,87,.05),rgba(16,185,129,.1))}.contact-header{margin-bottom:2rem}.contact-header h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .3s ease}.contact-method,.contact-method span{word-wrap:break-word;overflow-wrap:break-word;min-width:0}.contact-method span{hyphens:auto;line-height:1.4;flex:1}.contact-method:hover{background:var(--accent-primary);color:white;transform:translateX(4px)}.method-icon{font-size:1.2rem}.achievement-icon{font-size:1.3rem;flex-shrink:0}.achievement-content{display:flex;flex-direction:column;gap:.1rem}.achievement-title{color:var(--text-primary);font-weight:600;font-size:.85rem}.achievement-desc{color:var(--text-secondary);font-size:.75rem;font-weight:400}.fun-fact{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(124,58,237,.05));text-align:center}.fact-content h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.fact-content p{color:var(--text-secondary);line-height:1.5;font-size:.95rem}.resume-details{grid-column:span 2}.resume-list{display:flex;flex-direction:column;gap:1.5rem}.resume-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.resume-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary)}.resume-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.resume-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.resume-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.resume-date{color:var(--text-muted);font-size:.8rem;font-weight:500;white-space:nowrap;background:var(--glass-bg);padding:.25rem .75rem;border-radius:50px;border:1px solid var(--glass-border)}.resume-company{color:var(--accent-primary);font-size:.9rem;font-weight:500;margin-bottom:1rem}.resume-bullets{list-style:none;padding:0;margin:0}.resume-bullets li{position:relative;padding-left:1rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.resume-bullets li:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.unified-contact{grid-column:1/-1;background:linear-gradient(135deg,rgba(4,120,87,.02),rgba(16,185,129,.04));border-radius:24px;padding:3rem 2rem;margin-bottom:3rem;position:relative;overflow:hidden}.unified-contact:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3}.contact-header{text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-header h3{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.contact-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:500px;margin:0 auto}.contact-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.contact-card-modern{display:flex;align-items:center;gap:1.25rem;padding:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.contact-card-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.03),rgba(52,211,153,.05));opacity:0;transition:opacity .4s ease}.contact-card-modern:hover:before{opacity:1}.contact-card-modern:hover{transform:translateY(-8px);border-color:rgba(34,197,94,.3);box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 30px rgba(34,197,94,.15)}.contact-icon-modern{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;font-size:1.5rem;color:var(--text-primary);flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.contact-card-modern:hover .contact-icon-modern{background:linear-gradient(135deg,#22c55e,#34d399);border-color:transparent;color:white;transform:scale(1.1);box-shadow:0 0 20px rgba(34,197,94,.4)}.contact-text-modern{flex:1;min-width:0}.contact-text-modern h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;transition:color .3s ease}.contact-card-modern:hover .contact-text-modern h4{color:#22c55e}.contact-text-modern span{color:var(--text-secondary);font-size:.95rem;font-weight:500;display:block;transition:color .3s ease;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.4;word-break:break-word}.contact-card-modern:hover .contact-text-modern span{color:var(--text-primary)}@media (max-width:768px){.unified-contact{padding:2rem 1rem}.contact-header{margin-bottom:2rem}.contact-header h3{font-size:1.8rem}.contact-header p{font-size:1rem}.contact-grid-modern{grid-template-columns:1fr;gap:1rem}.contact-card-modern{padding:1.5rem;gap:1rem}.contact-icon-modern{width:56px;height:56px;font-size:1.3rem}.contact-text-modern h4{font-size:1rem}.contact-text-modern span{font-size:.9rem}}@media (max-width:480px){.unified-contact{padding:1.5rem .75rem;border-radius:16px}.contact-header h3{font-size:1.5rem}.contact-header p{font-size:.9rem}.contact-card-modern{padding:1.25rem;border-radius:16px}.contact-icon-modern{width:48px;height:48px;font-size:1.2rem;border-radius:12px}.contact-text-modern h4{font-size:.95rem}.contact-text-modern span{font-size:.85rem}}@media (max-width:1200px){.modern-container{flex-direction:column;gap:1.5rem;padding:1rem;overflow-x:hidden;max-width:100vw}.floating-sidebar{width:100%;max-width:100%;position:static;top:auto}.profile-card{display:flex;align-items:flex-start;gap:2rem;text-align:left;padding:1.5rem;margin-top:0}.bento-item,.hero-bento{margin-top:0}.profile-avatar{margin-bottom:0}.social-grid{grid-template-columns:repeat(3,1fr);max-width:200px;gap:1rem}.sidebar-achievements{order:5}.bento-container{grid-template-columns:repeat(2,1fr)}.hero-bento{flex-direction:column;text-align:center;gap:2rem;min-height:200px;align-items:flex-start}.hero-content{max-width:100%;align-self:flex-start}.hero-visual{flex:none}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.contact-grid-modern{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.modern-container{padding:.75rem;gap:1rem;overflow-x:hidden;max-width:100vw}.bento-container{grid-template-columns:1fr;gap:1rem;overflow:visible;max-width:100%;padding-top:.5rem}.bento-item{overflow-x:hidden;max-width:100%}.hero-title-animated .letter{will-change:auto}.typewriter{animation-duration:8s}.bento-item{padding:1.25rem;border-radius:16px}.experience-roadmap,.hero-bento,.projects-bento,.unified-contact{grid-column:1}.profile-card{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem 1.5rem;margin-top:0}.profile-placeholder{width:100px;height:100px;font-size:1.8rem}.profile-card .profile-info,.profile-card .social-grid{align-self:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profile-card .profile-avatar{align-self:center;position:relative;display:inline-block}.bento-item .achievement-icon,.bento-item .apple-logo,.bento-item .education-icon,.bento-item .float-item,.bento-item .pulsating-icon{display:flex;justify-content:center;align-items:center;text-align:center}.bento-item .role-header{.hero-visual{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}.floating-elements{flex-direction:row!important;gap:.75rem!important;margin:0 auto!important}.float-item.code,.float-item.rocket,.float-item.security,.floating-elements{position:static!important;display:flex!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;transform:none!important}.float-item.code,.float-item.rocket,.float-item.security{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;animation:none!important;animation-delay:0s!important;margin:0!important;flex-shrink:0!important}@media (max-width:768px){.float-item.rocket{animation-name:none!important;animation-duration:0s!important;animation-delay:0s!important;animation-iteration-count:0!important;animation-fill-mode:none!important;animation-play-state:paused!important}}.profile-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.profile-card>*{align-self:center!important;margin-left:auto!important;margin-right:auto!important}.bento-container{overflow:visible!important;margin:.5rem!important}.bento-item{overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.bento-item .emoji,.bento-item .icon{margin:0 auto .5rem!important;align-self:center!important}.hero-bento{margin-top:2rem!important;padding-top:1rem!important}justify-content:center;text-align:center}.profile-card .social-grid{flex-direction:row;justify-content:center;width:auto}.social-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:none;width:100%;justify-content:center}.social-btn{width:44px;height:44px}.social-btn .social-icon img{max-width:20px;max-height:20px}.hero-bento{min-height:180px;padding:1.5rem}.hero-title{font-size:clamp(1.8rem,7vw,2.5rem);margin-bottom:1rem}.hero-subtitle{font-size:.95rem;margin-bottom:1.5rem}.hero-actions{flex-direction:column;width:100%;gap:.75rem}.primary-btn,.secondary-btn{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:.9rem}.floating-elements{width:120px;height:120px}.float-item{font-size:1rem;padding:.5rem}.bento-title{font-size:1rem;margin-bottom:1rem}.tech-stack{gap:.4rem}.tech-pill{padding:.35rem .7rem;font-size:.7rem}.skill-progress{gap:.75rem}.progress-label{font-size:.75rem}.current-role .role-header{flex-direction:column;align-items:flex-start;gap:.75rem}.role-status{margin-left:0;align-self:flex-start}.education-bento>div:first-child{flex-direction:column;align-items:flex-start;gap:.75rem}.roadmap-timeline{gap:1.25rem}.roadmap-content{padding:1.25rem}.roadmap-content:after,.roadmap-content:before{display:none}.roadmap-header{flex-direction:column;align-items:flex-start;gap:.5rem}.roadmap-date{align-self:flex-start}.projects-grid-horizontal{grid-template-columns:1fr;gap:1rem}.project-card-horizontal{padding:1.25rem}.contact-grid-modern{grid-template-columns:1fr;gap:1rem}.contact-card-modern{padding:1.5rem;gap:1rem}.contact-icon-modern{width:56px;height:56px;font-size:1.3rem}.contact-text-modern h4{font-size:1rem}.contact-text-modern span{font-size:.9rem}.sidebar-achievements{padding:1.25rem}.sidebar-achievements-list{gap:.75rem}.sidebar-achievement-item{padding:.75rem}.sidebar-achievement-title{font-size:.75rem}.sidebar-achievement-desc{font-size:.65rem}}.projects-bento{background:linear-gradient(135deg,rgba(4,120,87,.03),rgba(16,185,129,.08));grid-column:1/-1}.projects-grid-horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.project-card-horizontal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden;height:fit-content}.project-card-horizontal:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);opacity:0;transition:opacity .3s ease}.project-card-horizontal:hover:before{opacity:1}.project-card-horizontal:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);opacity:0;transition:opacity .3s ease}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent-primary)}.project-header{margin-bottom:1rem}.project-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.project-category{color:var(--accent-primary);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.project-stack{color:var(--text-muted);font-size:.8rem;font-weight:400;margin-bottom:1rem;font-style:italic}.project-bullets{list-style:none;padding:0;margin:0}.project-bullets li{position:relative;padding-left:1rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.project-bullets li:before{content:"▸";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-size:.9rem}@media (max-width:768px){.projects-grid-horizontal{grid-template-columns:repeat(2,1fr);gap:.75rem}.project-card-horizontal{padding:1rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card{padding:1rem}}@media (max-width:480px){.modern-container{padding:.5rem;gap:.75rem}.bento-item{padding:1rem;border-radius:12px}.profile-card{padding:1.75rem 1.25rem;gap:1.25rem}.profile-placeholder{width:80px;height:80px;font-size:1.5rem}.profile-info h2{font-size:1.1rem}.profile-role{font-size:.8rem}.social-grid{gap:.5rem}.social-btn{width:40px;height:40px;min-height:44px;min-width:44px}.social-btn .social-icon img{max-width:18px;max-height:18px}.hero-bento{min-height:160px;padding:1.25rem}.hero-badge{padding:.4rem .8rem;font-size:.75rem;margin-bottom:1rem}.hero-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:.75rem}.hero-subtitle{font-size:.85rem;margin-bottom:1.25rem}.primary-btn,.secondary-btn{padding:.875rem 1.25rem;font-size:.85rem;min-height:44px}.floating-elements{width:100px;height:100px}.float-item{font-size:.9rem;padding:.4rem}.bento-title{font-size:.95rem;margin-bottom:.75rem}.tech-pill{padding:.3rem .6rem;font-size:.65rem}.current-role .apple-logo{font-size:1.5rem}.role-info h3{font-size:1rem}.role-info p{font-size:.8rem}.role-status{padding:.2rem .6rem;font-size:.6rem}.role-description{font-size:.85rem;line-height:1.4}.education-icon{font-size:1.5rem}.education-content h4{font-size:.9rem}.education-content p{font-size:.75rem}.timeline{padding:.15rem .5rem;font-size:.6rem}.roadmap-content{padding:1rem}.roadmap-title{font-size:1rem}.roadmap-company{font-size:.8rem}.roadmap-date{font-size:.7rem;padding:.2rem .6rem}.roadmap-bullets li{font-size:.8rem;margin-bottom:.4rem}.projects-grid-horizontal{grid-template-columns:1fr;gap:.75rem}.project-title{font-size:1rem}.project-category{font-size:.7rem}.project-stack{font-size:.75rem}.project-bullets li{font-size:.8rem;line-height:1.4}.project-card-horizontal{padding:1rem}.contact-header h3{font-size:1.5rem}.contact-header p{font-size:.9rem}.contact-card-modern{padding:1.25rem;border-radius:16px;min-height:60px}.contact-icon-modern{width:48px;height:48px;font-size:1.2rem;border-radius:12px}.contact-text-modern h4{font-size:.95rem}.contact-text-modern span{font-size:.85rem}.sidebar-achievements{padding:1rem}.sidebar-section-title{font-size:.9rem}.sidebar-achievement-item{padding:.6rem;min-height:44px}.sidebar-achievement-icon{font-size:1rem}.sidebar-achievement-title{font-size:.7rem}.sidebar-achievement-desc{font-size:.6rem}body{-webkit-overflow-scrolling:touch}.contact-card-modern,.primary-btn,.secondary-btn,.sidebar-achievement-item,.social-btn,.tech-pill{-webkit-tap-highlight-color:rgba(34,197,94,.2);tap-highlight-color:rgba(34,197,94,.2)}input,select,textarea{font-size:16px}.bento-item:hover{transform:translateY(-2px)}.social-btn:hover,.tech-pill:hover{transform:translateY(-1px)}.contact-card-modern:hover{transform:translateY(-4px)}.btn-arrow{animation-duration:4s}.sidebar-achievement-content{min-height:2rem;display:flex;flex-direction:column;justify-content:center}}@media (max-width:360px){.modern-container{padding:.25rem}.bento-item{padding:.75rem}.profile-card{padding:1.5rem 1rem;margin:0 auto;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center}.profile-card .profile-avatar,.profile-card .profile-info,.profile-card .social-grid{align-self:center}.profile-placeholder{width:70px;height:70px;font-size:1.3rem}.hero-title{font-size:clamp(1.3rem,5vw,1.8rem)}.hero-badge{font-size:.7rem;padding:.3rem .6rem}.primary-btn,.secondary-btn{padding:.75rem 1rem;font-size:.8rem}.contact-card-modern{padding:1rem}.contact-icon-modern{width:44px;height:44px;font-size:1.1rem}}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-fade{opacity:0;transition:opacity 1s cubic-bezier(.25,.46,.45,.94)}.scroll-animate-fade.visible{opacity:1}.scroll-animate-slide-left{opacity:0;transform:translateX(-60px);transition:all .9s cubic-bezier(.25,.46,.45,.94)}.scroll-animate-slide-left.visible{opacity:1;transform:translateX(0)}.scroll-animate-slide-right{opacity:0;transform:translateX(60px);transition:all .9s cubic-bezier(.25,.46,.45,.94)}.scroll-animate-slide-right.visible{opacity:1;transform:translateX(0)}.scroll-animate-scale{opacity:0;transform:scale(.8);transition:all .7s cubic-bezier(.34,1.56,.64,1)}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.scroll-animate-stagger{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.scroll-animate-stagger.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.scroll-animate,.scroll-animate-fade,.scroll-animate-scale,.scroll-animate-slide-left,.scroll-animate-slide-right,.scroll-animate-stagger{transition:none!important;opacity:1!important;transform:none!important;animation:none!important}.scroll-animate-fade.visible,.scroll-animate-scale.visible,.scroll-animate-slide-left.visible,.scroll-animate-slide-right.visible,.scroll-animate-stagger.visible,.scroll-animate.visible{opacity:1!important;transform:none!important}}.scroll-animate-stagger:first-child.visible{transition-delay:.1s}.scroll-animate-stagger:nth-child(2).visible{transition-delay:.2s}.scroll-animate-stagger:nth-child(3).visible{transition-delay:.3s}.scroll-animate-stagger:nth-child(4).visible{transition-delay:.4s}.scroll-animate-stagger:nth-child(5).visible{transition-delay:.5s}@media (prefers-reduced-motion:reduce){.scroll-animate,.scroll-animate-fade,.scroll-animate-scale,.scroll-animate-slide-left,.scroll-animate-slide-right,.scroll-animate-stagger{transition:none;opacity:1;transform:none}}