@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFOjCneDtsqEr0keqCMhbCc3CsTKlA.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:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFOjCneDtsqEr0keqCMhbCc-CsTKlA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFOjCneDtsqEr0keqCMhbCc2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFOjCneDtsqEr0keqCMhbCc5CsTKlA.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:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFOjCneDtsqEr0keqCMhbCc0CsTKlA.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:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFOjCneDtsqEr0keqCMhbCc6CsQ.woff2) format("woff2");unicode-range:U+0000-00FF,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:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFO-CneDtsqEr0keqCMhbC-BL9H4tY12eg.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:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFO-CneDtsqEr0keqCMhbC-BL9HxtY12eg.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFO-CneDtsqEr0keqCMhbC-BL9H5tY12eg.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFO-CneDtsqEr0keqCMhbC-BL9H2tY12eg.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:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFO-CneDtsqEr0keqCMhbC-BL9H7tY12eg.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:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntumono/v19/KFO-CneDtsqEr0keqCMhbC-BL9H1tY0.woff2) format("woff2");unicode-range:U+0000-00FF,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}.animated-card{transform:translateY(-40px) scale(.98);opacity:0;will-change:transform,opacity;transition:transform .6s cubic-bezier(.2,.9,.25,1),opacity .48s ease;transition-delay:calc(var(--i, 0) * 80ms)}.animated-card.active{transform:translateY(0) scale(1);opacity:1}.animated-card.slide-up{transform:translateY(40px) scale(.98)}.animated-card.slide-up.active{transform:translateY(0) scale(1)}.animated-card.slide-left{transform:translate(-40px) scale(.98)}.animated-card.slide-left.active{transform:translate(0) scale(1)}.animated-card.slide-right{transform:translate(40px) scale(.98)}.animated-card.slide-right.active{transform:translate(0) scale(1)}.animated-card.fast{transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .24s ease;transition-delay:calc(var(--i, 0) * 40ms)}.animated-card.smooth{transition:transform .8s cubic-bezier(.2,.9,.25,1),opacity .6s ease;transition-delay:calc(var(--i, 0) * .12s)}.animated-card.active:hover{transform:translateY(-5px) scale(1.02);transition:transform .2s ease}.animated-card:focus{outline:3px solid rgba(110,231,183,.4);outline-offset:3px}@media (prefers-reduced-motion: reduce){.animated-card{transition:none;transform:none;opacity:1}.animated-card.active{transform:none}}@media (max-width: 768px){.animated-card{transition-delay:calc(var(--i, 0) * 60ms)}.animated-card.fast{transition-delay:calc(var(--i, 0) * 30ms)}}.animated-card.loading{transform:translateY(-20px) scale(.95);opacity:.3;transition:all .3s ease}.animated-card.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(110,231,183,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-container{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.9,.25,1)}.card-container.active{opacity:1;transform:translateY(0)}.animated-grid{display:grid;gap:var(--gap, 24px);align-items:start}.animated-grid.cols-1{grid-template-columns:1fr}.animated-grid.cols-2{grid-template-columns:repeat(2,1fr)}.animated-grid.cols-3{grid-template-columns:repeat(3,1fr)}.animated-grid.cols-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 768px){.animated-grid.cols-2,.animated-grid.cols-3,.animated-grid.cols-auto{grid-template-columns:1fr}}.slide-text{opacity:0;transform:translate(20px);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--text-delay, 0) * .1s)}.slide-text.active{opacity:1;transform:translate(0)}.slide-text-left{opacity:0;transform:translate(-20px);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--text-delay, 0) * .1s)}.slide-text-left.active{opacity:1;transform:translate(0)}.slide-text-up{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--text-delay, 0) * .1s)}.slide-text-up.active{opacity:1;transform:translateY(0)}.slide-text-down{opacity:0;transform:translateY(-20px);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--text-delay, 0) * .1s)}.slide-text-down.active{opacity:1;transform:translateY(0)}.slide-text-fast{opacity:0;transform:translate(15px);transition:all .3s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--text-delay, 0) * 50ms)}.slide-text-fast.active{opacity:1;transform:translate(0)}.animated-card-content h1,.animated-card-content h2,.animated-card-content h3,.animated-card-content h4,.animated-card-content h5,.animated-card-content h6{opacity:0;transform:translateY(-15px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:.2s}.animated-card-content p,.animated-card-content span:not(.dot),.animated-card-content li{opacity:0;transform:translate(20px);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:.3s}.animated-card-content button,.animated-card-content .btn,.animated-card-content app-button{opacity:0;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.2,.9,.25,1);transition-delay:.5s}.animated-card-content input,.animated-card-content textarea,.animated-card-content select,.animated-card-content app-input{opacity:0;transform:translate(15px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:.4s}.animated-card-content ul li,.animated-card-content ol li{opacity:0;transform:translate(20px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:calc(.35s + var(--i, 0) * .1s)}.animated-card-content img,.animated-card-content svg,.animated-card-content .icon{opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:.25s}.animated-card-content.active h1,.animated-card-content.active h2,.animated-card-content.active h3,.animated-card-content.active h4,.animated-card-content.active h5,.animated-card-content.active h6{opacity:1;transform:translateY(0)}.animated-card-content.active p,.animated-card-content.active span:not(.dot),.animated-card-content.active li{opacity:1;transform:translate(0)}.animated-card-content.active button,.animated-card-content.active .btn,.animated-card-content.active app-button{opacity:1;transform:translateY(0) scale(1)}.animated-card-content.active input,.animated-card-content.active textarea,.animated-card-content.active select,.animated-card-content.active app-input{opacity:1;transform:translate(0)}.animated-card-content.active ul li,.animated-card-content.active ol li{opacity:1;transform:translate(0)}.animated-card-content.active img,.animated-card-content.active svg,.animated-card-content.active .icon{opacity:1;transform:scale(1)}.stagger-text>*{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--i, 0) * .15s)}.stagger-text.active>*{opacity:1;transform:translateY(0)}.stagger-horizontal>*{opacity:0;transform:translate(30px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--i, 0) * .1s)}.stagger-horizontal.active>*{opacity:1;transform:translate(0)}.auto-animate-card .content h1,.auto-animate-card .content h2,.auto-animate-card .content h3,.auto-animate-card .content h4,.auto-animate-card .content h5,.auto-animate-card .content h6,.auto-animate-card .card-content h1,.auto-animate-card .card-content h2,.auto-animate-card .card-content h3,.auto-animate-card .card-content h4,.auto-animate-card .card-content h5,.auto-animate-card .card-content h6{opacity:0;transform:translateY(-15px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:.2s}.auto-animate-card .content p,.auto-animate-card .content span:not(.dot),.auto-animate-card .content li,.auto-animate-card .card-content p,.auto-animate-card .card-content span:not(.dot),.auto-animate-card .card-content li{opacity:0;transform:translate(20px);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:.3s}.auto-animate-card .content button,.auto-animate-card .content .btn,.auto-animate-card .content app-button,.auto-animate-card .card-content button,.auto-animate-card .card-content .btn,.auto-animate-card .card-content app-button{opacity:0;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.2,.9,.25,1);transition-delay:.5s}.auto-animate-card .content input,.auto-animate-card .content textarea,.auto-animate-card .content select,.auto-animate-card .content app-input,.auto-animate-card .card-content input,.auto-animate-card .card-content textarea,.auto-animate-card .card-content select,.auto-animate-card .card-content app-input{opacity:0;transform:translate(15px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:.4s}.auto-animate-card .content ul li,.auto-animate-card .content ol li,.auto-animate-card .card-content ul li,.auto-animate-card .card-content ol li{opacity:0;transform:translate(20px);transition:all .5s cubic-bezier(.2,.9,.25,1);transition-delay:calc(.35s + var(--i, 0) * .1s)}.auto-animate-card .content img,.auto-animate-card .content svg,.auto-animate-card .content .icon,.auto-animate-card .card-content img,.auto-animate-card .card-content svg,.auto-animate-card .card-content .icon{opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.2,.9,.25,1);transition-delay:.25s}.auto-animate-card.active .content h1,.auto-animate-card.active .content h2,.auto-animate-card.active .content h3,.auto-animate-card.active .content h4,.auto-animate-card.active .content h5,.auto-animate-card.active .content h6,.auto-animate-card.active .card-content h1,.auto-animate-card.active .card-content h2,.auto-animate-card.active .card-content h3,.auto-animate-card.active .card-content h4,.auto-animate-card.active .card-content h5,.auto-animate-card.active .card-content h6{opacity:1;transform:translateY(0)}.auto-animate-card.active .content p,.auto-animate-card.active .content span:not(.dot),.auto-animate-card.active .content li,.auto-animate-card.active .card-content p,.auto-animate-card.active .card-content span:not(.dot),.auto-animate-card.active .card-content li{opacity:1;transform:translate(0)}.auto-animate-card.active .content button,.auto-animate-card.active .content .btn,.auto-animate-card.active .content app-button,.auto-animate-card.active .card-content button,.auto-animate-card.active .card-content .btn,.auto-animate-card.active .card-content app-button{opacity:1;transform:translateY(0) scale(1)}.auto-animate-card.active .content input,.auto-animate-card.active .content textarea,.auto-animate-card.active .content select,.auto-animate-card.active .content app-input,.auto-animate-card.active .card-content input,.auto-animate-card.active .card-content textarea,.auto-animate-card.active .card-content select,.auto-animate-card.active .card-content app-input{opacity:1;transform:translate(0)}.auto-animate-card.active .content ul li,.auto-animate-card.active .content ol li,.auto-animate-card.active .card-content ul li,.auto-animate-card.active .card-content ol li{opacity:1;transform:translate(0)}.auto-animate-card.active .content img,.auto-animate-card.active .content svg,.auto-animate-card.active .content .icon,.auto-animate-card.active .card-content img,.auto-animate-card.active .card-content svg,.auto-animate-card.active .card-content .icon{opacity:1;transform:scale(1)}.typewriter-text{overflow:hidden;border-right:2px solid var(--ac);white-space:nowrap;animation:typing 2s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--ac)}}@media (max-width: 768px){.slide-text,.slide-text-left,.slide-text-up,.slide-text-down,.slide-text-fast{transition-duration:.4s}.animated-card-content h1,.animated-card-content h2,.animated-card-content h3,.animated-card-content h4,.animated-card-content h5,.animated-card-content h6,.animated-card-content p,.animated-card-content span:not(.dot),.animated-card-content li,.animated-card-content button,.animated-card-content .btn,.animated-card-content app-button,.animated-card-content input,.animated-card-content textarea,.animated-card-content select,.animated-card-content app-input,.animated-card-content img,.animated-card-content svg,.animated-card-content .icon{transition-duration:.4s}}@media (prefers-reduced-motion: reduce){.slide-text *,.slide-text-left *,.slide-text-up *,.slide-text-down *,.slide-text-fast *,.animated-card-content *,.stagger-text *,.stagger-horizontal *{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}:root{--h: 60px;--c: 900px;--m: 600px;--g: 48px;--p: 20px;--bg: #0f1724;--sf: #0b1220;--mt: #94a3b8;--tx: #e6eef8;--fg: #e6eef8;--ac: #6ee7b7;--ac-rgb: 110, 231, 183;--gl: rgba(255, 255, 255, .06);--tr: .2s ease;--card-bg: rgba(15, 23, 36, .8);--card-bg-light: rgba(30, 41, 59, .8);--card-border: rgba(255, 255, 255, .2);--skill-bg: rgba(255, 255, 255, .1);--soft-bg: rgba(15, 23, 36, .6);--terminal-header-bg: #1e293b;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .15)}[data-theme=light]{--bg: #f7f9fc;--sf: #fff;--mt: #475569;--tx: #0b1220;--fg: #0b1220;--ac: #0ea5a0;--ac-rgb: 14, 165, 160;--gl: rgba(0, 0, 0, .04);--card-bg: rgba(255, 255, 255, .9);--card-bg-light: rgba(248, 250, 252, .9);--card-border: rgba(0, 0, 0, .1);--skill-bg: rgba(0, 0, 0, .05);--soft-bg: rgba(248, 250, 252, .8);--terminal-header-bg: #e2e8f0;--text-muted: #64748b;--border-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;font-family:Ubuntu Mono,monospace;background:var(--bg);color:var(--tx);line-height:1.6}header{height:var(--h);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100;padding:0 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.06));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border-radius:6px;background:linear-gradient(135deg,var(--ac),#60a5fa);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--sf)}nav a{color:var(--mt);text-decoration:none;font-size:13px;padding:8px;border-radius:6px;transition:all var(--tr)}nav a:hover{color:var(--tx);background:var(--gl)}nav a.active{color:var(--tx);background:var(--gl)}.controls{display:flex;gap:12px}button.icon{height:36px;padding:8px;border-radius:8px;border:0;background:transparent;color:var(--tx);cursor:pointer;transition:all var(--tr)}button.icon:hover{background:var(--gl)}main{padding-top:calc(var(--h) + 20px);padding-bottom:80px;display:flex;justify-content:center;min-height:calc(100vh - var(--h))}.container{width:80%!important;max-width:80%!important;padding:0 20px!important;margin:0 auto!important}@media (max-width: 768px){.container{width:100%!important;padding:0 6%!important}.card{margin-bottom:15px!important;border-radius:8px!important}.content{padding:15px!important}}@media (max-width: 480px){.container{width:100%!important;padding:0 6%!important}.card{margin-bottom:12px!important;border-radius:6px!important}.content{padding:12px!important}}@media (min-width: 1400px){.container{max-width:75%!important}}.card{max-width:var(--m);width:100%;background:var(--sf);border-radius:8px;margin:24px auto;box-shadow:0 4px 14px #0009;overflow:visible;font-family:Ubuntu Mono,monospace}.card .terminal-header{background:var(--terminal-header-bg);display:flex;align-items:center;gap:6px;padding:6px 10px}.card .content{padding:var(--p)}.card h3{margin:0 0 8px;color:var(--tx)}.card p{margin:0 0 12px;color:var(--mt)}.card p:last-child{margin-bottom:0}.card ul{margin:0;padding-left:20px}.card ul li{color:var(--mt);margin-bottom:8px}.card a{color:var(--ac);text-decoration:none}.card a:hover{text-decoration:underline}.dot.red{background:#ef4444}.dot.yellow{background:#facc15}.dot.green{background:#22c55e}footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--card-border);padding:15px 0;color:var(--mt);text-align:center;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000001a}.hamburger{display:none}.mobile-menu{position:fixed;top:var(--h);right:-100%;height:calc(100vh - var(--h));width:80vw;max-width:420px;background:#1e1e1e;color:#f5f5f5;z-index:90;box-shadow:-8px 0 30px #00000080;transition:right var(--tr);display:flex;flex-direction:column}.mobile-menu.open{right:0}.mobile-menu .terminal-header{background:#2d2d2d;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 10px;color:#ccc}.mobile-menu .title{flex:1;font-weight:700;color:#f5f5f5;font-size:14px;text-align:left}.mobile-menu nav{display:flex;flex-direction:column;gap:12px;padding:18px}.mobile-menu nav a{color:#ddd;text-decoration:none;font-size:14px;padding:6px 10px;border-radius:6px}.mobile-menu nav a:hover{background:#333}.mobile-menu nav a.active{color:#f5f5f5;background:#333}.overlay{position:fixed;inset:0;background:#0a0c0f80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--tr);z-index:80}.overlay.show{opacity:1;pointer-events:auto}@media (max-width: 900px){nav.desktop{display:none}.hamburger{display:block}footer{padding:12px 0;font-size:.9rem}}@media (min-width: 901px){.mobile-menu,.overlay{display:none}}.mb-0{margin-bottom:0}.mt-auto{margin-top:auto}.page-content{margin-top:80px;padding:20px;min-height:calc(100vh - 120px)}.container{max-width:1200px;margin:0 auto}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:0;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:visible;margin-bottom:30px}.terminal-header{background:var(--bg);padding:15px 20px;border-bottom:1px solid var(--card-border);border-radius:12px 12px 0 0;display:flex;align-items:center;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.content{padding:30px;overflow:visible}.content h3{color:var(--ac);margin:0 0 20px;font-size:1.8rem;font-weight:600}.content>p{color:var(--mt);line-height:1.6;margin-bottom:30px;font-size:1.1rem}.item-card{margin-bottom:30px;padding:20px;background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid var(--card-border);box-shadow:0 8px 20px #0003;transition:transform .3s ease,box-shadow .3s ease}.item-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.item-card:last-child{margin-bottom:0}.duration-badge{color:var(--mt);font-size:.9rem;background:var(--skill-bg);padding:4px 12px;border-radius:20px;white-space:nowrap}.icon-large{font-size:2.5rem;margin-right:20px;display:flex;align-items:flex-start;min-width:60px;justify-content:center;padding-top:5px}.learn-more-link{color:var(--ac);text-decoration:none;font-size:.9rem;font-weight:500;transition:opacity .3s ease}.learn-more-link:hover{opacity:.8;text-decoration:underline}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.highlight-item{display:flex;padding:20px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media (max-width: 768px){.page-content{margin-top:70px;padding:15px}.content{padding:20px}.content h3{font-size:1.5rem}.icon-large{margin-right:0;margin-bottom:15px;min-width:auto}.grid-auto{grid-template-columns:1fr;gap:15px}}@media (max-width: 480px){.page-content{margin-top:60px;padding:10px}.content{padding:15px}.content h3{font-size:1.3rem}}.section-card{margin-bottom:40px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);box-shadow:0 20px 40px #0006;border-radius:16px;overflow:visible}.skill-category{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;border-radius:12px;border:1px solid var(--card-border);box-shadow:0 8px 20px #0003;transition:transform .3s ease;overflow:visible}.skill-category:hover{transform:translateY(-3px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;overflow:visible}.skills-grid.flex-layout{display:flex;flex-wrap:wrap;gap:12px;line-height:2.4}.contact-item{display:flex;align-items:center;gap:10px;color:var(--mt)}.contact-link{color:var(--ac);text-decoration:none;font-weight:500;transition:color .3s ease}.contact-link:hover{color:var(--tx);text-decoration:underline}.text-center{text-align:center}.card,.card .content,:host,app-resume,app-home{overflow:visible!important}.resume-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--card-border);overflow:visible}.summary-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:25px;border-radius:12px;border:1px solid var(--card-border);box-shadow:0 8px 20px #0003;overflow:visible}.contact-btn{background:linear-gradient(135deg,var(--ac),#60a5fa);color:var(--sf);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .3s ease}.contact-btn:hover{transform:translateY(-2px)}.skill-tooltip{z-index:99999!important;position:absolute!important;background:var(--card-bg)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;border:1px solid var(--card-border)!important;border-radius:12px!important;box-shadow:0 25px 50px #0009,0 10px 25px #0006,0 0 0 1px #ffffff1a inset!important;padding:18px!important;min-width:300px!important;max-width:380px!important;font-size:.9rem!important;line-height:1.5!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.skill-tooltip.tooltip-top{bottom:calc(100% + 12px)!important;left:50%!important;transform:translate(-50%)!important}.skill-tooltip.tooltip-top:after{content:""!important;position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;border:10px solid transparent!important;border-top-color:var(--card-bg)!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))!important}.skill-tooltip.tooltip-bottom{top:calc(100% + 12px)!important;left:50%!important;transform:translate(-50%)!important}.skill-tooltip.tooltip-bottom:after{content:""!important;position:absolute!important;bottom:100%!important;left:50%!important;transform:translate(-50%)!important;border:10px solid transparent!important;border-bottom-color:var(--card-bg)!important;filter:drop-shadow(0 -3px 3px rgba(0,0,0,.2))!important}.skill-tooltip.tooltip-left{right:calc(100% + 12px)!important;top:50%!important;transform:translateY(-50%)!important}.skill-tooltip.tooltip-left:after{content:""!important;position:absolute!important;left:100%!important;top:50%!important;transform:translateY(-50%)!important;border:10px solid transparent!important;border-left-color:var(--card-bg)!important;filter:drop-shadow(3px 0 3px rgba(0,0,0,.2))!important}.skill-tooltip.tooltip-right{left:calc(100% + 12px)!important;top:50%!important;transform:translateY(-50%)!important}.skill-tooltip.tooltip-right:after{content:""!important;position:absolute!important;right:100%!important;top:50%!important;transform:translateY(-50%)!important;border:10px solid transparent!important;border-right-color:var(--card-bg)!important;filter:drop-shadow(-3px 0 3px rgba(0,0,0,.2))!important}.skill-tooltip.visible{opacity:1!important;visibility:visible!important}.skill-tooltip.visible.tooltip-top{transform:translate(-50%) translateY(-8px)!important}.skill-tooltip.visible.tooltip-bottom{transform:translate(-50%) translateY(8px)!important}.skill-tooltip.visible.tooltip-left{transform:translateY(-50%) translate(-8px)!important}.skill-tooltip.visible.tooltip-right{transform:translateY(-50%) translate(8px)!important}.skill-tooltip .tooltip-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}.skill-tooltip .tooltip-header h4{color:var(--ac)!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important}.skill-tooltip .skill-level{font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;padding:4px 10px!important;border-radius:8px!important;box-shadow:0 2px 4px #0003!important;border:1px solid transparent!important;transition:all .3s ease!important}.skill-tooltip .skill-level.level-expert{background:linear-gradient(135deg,var(--ac),#4ade80)!important;color:var(--bg)!important;border-color:var(--ac)!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.skill-tooltip .skill-level.level-advanced{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;color:#fff!important;border-color:#60a5fa!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.skill-tooltip .skill-level.level-intermediate{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:var(--bg)!important;border-color:#fbbf24!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.skill-tooltip .skill-level.level-beginner{background:linear-gradient(135deg,var(--mt),#64748b)!important;color:#fff!important;border-color:var(--mt)!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.skill-tooltip .skill-level:not(.level-expert):not(.level-advanced):not(.level-intermediate):not(.level-beginner){background:var(--card-bg-light)!important;color:var(--tx)!important;border-color:var(--card-border)!important}.skill-tooltip .skill-level:hover{transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000004d!important}.skill-tooltip .skill-level:hover.level-expert{box-shadow:0 4px 12px #6ee7b766!important}.skill-tooltip .skill-level:hover.level-advanced{box-shadow:0 4px 12px #60a5fa66!important}.skill-tooltip .skill-level:hover.level-intermediate{box-shadow:0 4px 12px #fbbf2466!important}.skill-tooltip .skill-level:hover.level-beginner{box-shadow:0 4px 12px #94a3b866!important}.skill-tooltip .skill-description{color:var(--tx)!important;opacity:.95!important;font-size:.9rem!important;line-height:1.6!important;margin:12px 0!important}.skill-tooltip .skill-stats{margin-bottom:12px!important}.skill-tooltip .stat-item{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:6px!important;font-size:.85rem!important}.skill-tooltip .stat-item:last-child{margin-bottom:0!important}.skill-tooltip .stat-icon{font-size:.9rem!important;width:16px!important;text-align:center!important;opacity:.8!important}.skill-tooltip .stat-label{color:var(--mt)!important;min-width:70px!important;font-weight:500!important;opacity:.9!important}.skill-tooltip .stat-value{color:var(--ac)!important;font-weight:600!important}.skill-tooltip .related-skills{border-top:1px solid var(--card-border)!important;padding-top:12px!important;margin-top:12px!important}.skill-tooltip .related-label{color:var(--mt)!important;font-size:.8rem!important;font-weight:500!important;display:block!important;margin-bottom:6px!important;opacity:.9!important}.skill-tooltip .related-tags{display:flex!important;flex-wrap:wrap!important;gap:4px!important}.skill-tooltip .related-tag{background:var(--skill-bg)!important;border:1px solid var(--card-border)!important;color:var(--tx)!important;padding:3px 8px!important;border-radius:6px!important;font-size:.75rem!important}.skills-grid,.skill-tags{overflow:visible!important;position:relative!important}.skill-tag{position:relative!important;overflow:visible!important;z-index:1!important}.skill-tag:hover,.skill-tag:focus{z-index:100000!important}.slide-in-content{animation:globalSlideIn .6s ease-out}.slide-in-from-right{animation:slideInFromRight .5s ease-out}.slide-in-from-left{animation:slideInFromLeft .5s ease-out}.slide-in-from-bottom{animation:slideInFromBottom .6s ease-out}.fade-slide-in{animation:fadeSlideIn .7s ease-out}@keyframes globalSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.animated-card-content.active .content-section{animation:globalSlideIn .6s ease-out;animation-fill-mode:both}.animated-card-content.active .content-section:nth-child(1){animation-delay:.1s}.animated-card-content.active .content-section:nth-child(2){animation-delay:.2s}.animated-card-content.active .content-section:nth-child(3){animation-delay:.3s}.animated-card-content.active .content-section:nth-child(4){animation-delay:.4s}.animated-card-content.active .content-section:nth-child(5){animation-delay:.5s}.slide-content,.card .content.animate-content{animation:globalSlideIn .6s ease-out}