@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Courgette&family=Manrope:wght@400;500;600&family=Righteous&family=Roboto&family=Sofia&family=Sora:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{margin:0;font-family:Space Grotesk,Manrope,sans-serif;color:#f7f6f2}* .mapboxgl-ctrl-attrib,* .mapboxgl-ctrl-compact{display:none}html.sr .load-hidden{visibility:hidden}.container{margin:2rem 7rem}.sub-heading{font-size:.85rem;letter-spacing:.4rem;text-transform:uppercase;font-family:Sora,sans-serif;color:#d9e0ec}.sub-heading:after{content:"";width:120px;height:2px;display:inline-block;background:linear-gradient(90deg,rgba(246,196,83,.9),rgba(90,120,214,.8));margin:4px 10px}.active-link,.typed-cursor{color:#f6c453}.active-link{position:relative}.active-link:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:2.2rem;height:2px;background:linear-gradient(90deg,rgba(246,196,83,.2),#f6c453,rgba(90,120,214,.6))}.contact-input{color:#111;border:1.2px solid #9e9fa5}.contact-input:hover{border-color:#bcbcbc}.home-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.body-theme{background-color:#1b212c;background-image:radial-gradient(circle at 15% 20%,rgba(90,120,214,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(95,196,184,.18),transparent 40%),radial-gradient(circle at 20% 85%,rgba(246,196,83,.15),transparent 45%);background-attachment:fixed}.typed-text{font-weight:600;background:linear-gradient(90deg,#f6c453,rgba(90,120,214,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-hero{padding:7rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.85rem}.home-hero,.home-hero__wrapper{position:relative;min-height:100vh;width:100%}.home-hero__wrapper{overflow:hidden}.home-hero__avatar{position:relative;width:150px;height:150px;border-radius:999px;padding:6px;background:linear-gradient(135deg,rgba(95,196,184,.8),rgba(90,120,214,.7));box-shadow:0 25px 55px -35px rgba(0,0,0,.85)}.home-hero__avatar:after{content:"";position:absolute;inset:-18px;border-radius:999px;background:radial-gradient(circle,rgba(95,196,184,.25),rgba(95,196,184,0));filter:blur(16px);z-index:-1}.home-hero__avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover;background:rgba(24,30,40,.85)}.home-hero__eyebrow{font-size:.85rem;letter-spacing:.3rem;text-transform:uppercase;color:rgba(246,196,83,.75)}.home-hero__name{font-family:Sora,sans-serif;font-size:clamp(2.6rem,4vw,4.4rem);line-height:1.05;letter-spacing:.03em}.home-hero__name-accent{background:linear-gradient(90deg,rgba(246,196,83,.95),rgba(90,120,214,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-hero__typing{font-size:1.15rem;font-weight:500;letter-spacing:.05rem}.home-hero__subtitle{max-width:520px;color:rgba(245,247,244,.82);line-height:1.6;font-size:.95rem}.home-hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.home-cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.4rem;border-radius:14px;font-size:.75rem;letter-spacing:.18rem;text-transform:uppercase;font-weight:600;text-decoration:none;text-align:center;line-height:1.1;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-sizing:border-box}.home-cta--primary{color:#111;background:linear-gradient(120deg,rgba(246,196,83,.95),rgba(90,120,214,.95));box-shadow:0 18px 35px -25px rgba(246,196,83,.6)}.home-cta--primary:hover{transform:translateY(-2px);box-shadow:0 22px 40px -28px rgba(246,196,83,.7)}.home-cta--ghost{color:rgba(245,247,244,.85);border:1px solid rgba(95,196,184,.35);background:rgba(34,42,53,.6)}.home-cta--ghost:hover{transform:translateY(-2px);border-color:rgba(95,196,184,.6)}.social-icons{display:flex;gap:.75rem;margin-top:1.1rem}.social-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(95,196,184,.2);background:rgba(28,34,45,.65);color:rgba(245,247,244,.85);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.social-icon:hover{transform:translateY(-2px);border-color:rgba(95,196,184,.6);background:var(--brand-hover);color:#fff}@media screen and (max-width:900px){.home-hero{padding:6.5rem 1.2rem 3.5rem}.home-hero__avatar{width:130px;height:130px}.home-hero__name{font-size:clamp(2.2rem,6vw,3.4rem)}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,rgba(30,38,50,.95),rgba(24,30,40,.85));border-bottom:1px solid rgba(95,196,184,.12)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(95,196,184,0),rgba(95,196,184,.4),rgba(90,120,214,.35),rgba(95,196,184,0))}.site-header__inner{max-width:1200px;margin:0 auto}.logo-link{font-family:Righteous,cursive;letter-spacing:.08em}.logo-link,.nav-link{text-transform:uppercase;font-weight:600}.nav-link{position:relative;font-size:.85rem;letter-spacing:.18rem;color:rgba(245,247,244,.85);transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:50%;bottom:-10px;width:0;height:2px;background:linear-gradient(90deg,rgba(246,196,83,.1),rgba(246,196,83,.9));transform:translateX(-50%);transition:width .3s ease}.nav-link:hover:after{width:24px}.nav-link.active-link{color:#f6c453}.nav-link.active-link:after{width:2.2rem;background:linear-gradient(90deg,rgba(246,196,83,.2),#f6c453,rgba(90,120,214,.6))}.mobile-menu-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(95,196,184,.2);background:rgba(34,42,53,.6);box-shadow:0 10px 25px -20px rgba(95,196,184,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.mobile-menu-btn,.mobile-menu-btn svg{display:flex;align-items:center;justify-content:center}.mobile-menu-btn:hover{transform:translateY(-1px);border-color:rgba(95,196,184,.5);background:rgba(36,45,60,.75)}.nav-drawer{background:rgba(24,30,40,.95);border-left:1px solid rgba(95,196,184,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-drawer__body{width:100%;padding-bottom:2rem}.drawer-nav-link{display:block;width:100%;padding:.85rem 1rem;border-radius:14px;font-size:.85rem;font-weight:600;letter-spacing:.2rem;text-transform:uppercase;color:rgba(245,247,244,.9);background:rgba(34,42,53,.55);border:1px solid transparent;transition:border-color .2s ease,transform .2s ease,background .2s ease}.drawer-nav-link:hover{border-color:rgba(95,196,184,.45);background:rgba(40,50,66,.8);transform:translateX(4px)}.about-main-container{position:absolute;top:18rem;left:10rem}.name-heading{font-size:3.7rem}.about-container{margin:2rem 8rem}.about-layout-container{display:grid;grid-template-columns:30% 70%;font-size:1.1rem;margin-bottom:4rem}.about-layout-container p{text-align:justify}.about-page{position:relative;padding:4.5rem 0 3rem;overflow:hidden}.about-page:before{content:"";position:absolute;top:-140px;right:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(95,196,184,.22),rgba(95,196,184,0));filter:blur(20px)}.about-page:after{content:"";position:absolute;bottom:-160px;left:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(90,120,214,.26),rgba(90,120,214,0));filter:blur(30px)}.about-shell{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.5rem}.about-hero-grid{align-items:stretch}.about-portrait-card{position:relative;padding:.85rem;border-radius:22px;background:linear-gradient(145deg,rgba(95,196,184,.18),rgba(90,120,214,.2));box-shadow:0 30px 60px -45px rgba(0,0,0,.8)}.about-portrait{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;border:1px solid hsla(0,0%,100%,.08);filter:saturate(1.08)}.about-portrait-meta{position:absolute;left:1.5rem;bottom:1.5rem;padding:.4rem .8rem;border-radius:999px;background:rgba(24,30,40,.7);border:1px solid rgba(95,196,184,.35);font-size:.7rem;letter-spacing:.18rem;text-transform:uppercase}.about-hero-card{background:rgba(26,32,44,.75);border-radius:24px;padding:2.2rem;border:1px solid rgba(95,196,184,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 60px -40px rgba(0,0,0,.8)}.about-kicker{font-size:.85rem;letter-spacing:.35rem;text-transform:uppercase;color:rgba(246,196,83,.75);margin-bottom:.6rem}.about-title{font-family:Sora,sans-serif;font-size:clamp(2rem,2vw + 1.5rem,2.6rem)}.about-copy{display:grid;grid-gap:1rem;gap:1rem}.about-paragraph{color:rgba(245,247,244,.82);line-height:1.7}.about-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}.about-tag{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(95,196,184,.3);color:#f6c453;font-size:.72rem;letter-spacing:.12rem;text-transform:uppercase;background:rgba(34,42,53,.55)}.about-signoff{color:rgba(245,247,244,.82);font-weight:600}.name{color:#f6c453}.name,.tech{font-weight:600}.tech{background:linear-gradient(90deg,#f6c453,rgba(90,120,214,.85));-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.interest-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:18px;background:rgba(34,42,53,.7);border:1px solid rgba(95,196,184,.12);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.interest-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(95,196,184,.18),rgba(90,120,214,.18));opacity:0;transition:opacity .25s ease}.interest-card:hover{transform:translateY(-6px);border-color:rgba(95,196,184,.4);box-shadow:0 18px 40px -28px rgba(95,196,184,.7)}.interest-card:hover:before{opacity:1}.interest-card>*{position:relative;z-index:1}.interest-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(34,42,53,.8);border:1px solid rgba(95,196,184,.35);color:#f6c453}@media screen and (max-width:900px){.site-header__inner{padding-left:1.2rem;padding-right:1.2rem}.about-hero-card{padding:1.8rem}}.skills-page{position:relative;padding:4.5rem 0 4rem;overflow:hidden}.skills-page:before{content:"";position:absolute;top:-160px;left:-140px;width:320px;height:320px;background:radial-gradient(circle,rgba(95,196,184,.2),rgba(95,196,184,0));filter:blur(24px)}.skills-page:after{content:"";position:absolute;bottom:-160px;right:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(90,120,214,.25),rgba(90,120,214,0));filter:blur(32px)}.skills-shell{position:relative;z-index:1;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.skills-hero{display:grid;grid-gap:.8rem;gap:.8rem;padding:2rem;border-radius:24px;border:1px solid rgba(95,196,184,.15);background:linear-gradient(135deg,rgba(34,42,53,.85),rgba(26,32,44,.6));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -45px rgba(0,0,0,.8)}.skills-eyebrow{font-size:.8rem;letter-spacing:.35rem;text-transform:uppercase;color:rgba(246,196,83,.75)}.skills-title{font-family:Sora,sans-serif;font-size:clamp(1.8rem,1.4vw + 1.3rem,2.4rem)}.skills-body{color:rgba(245,247,244,.82);line-height:1.7;max-width:720px}.skills-highlight-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.skills-highlight{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;font-size:.72rem;letter-spacing:.16rem;text-transform:uppercase;color:#f6c453;border:1px solid rgba(95,196,184,.3);background:rgba(34,42,53,.55)}.skills-groups{display:flex;flex-direction:column;gap:.4rem}.skills-group{position:relative;padding:1.4rem 1.2rem 1.4rem 1.6rem;display:grid;grid-template-columns:minmax(200px,260px) 1fr;grid-gap:1.6rem;gap:1.6rem;border-top:1px solid rgba(95,196,184,.12)}.skills-group:first-of-type{border-top:none}.skills-group:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;border-radius:999px;background:linear-gradient(180deg,rgba(95,196,184,0),rgba(95,196,184,.8),rgba(90,120,214,0))}.skills-group:after{content:"";position:absolute;inset:.2rem 0;border-radius:18px;background:linear-gradient(90deg,rgba(95,196,184,.08),rgba(24,30,40,0) 65%);opacity:0;transition:opacity .3s ease}.skills-group:hover:after{opacity:1}.skills-group>*{position:relative;z-index:1}.skills-group-title{font-size:.85rem;letter-spacing:.2rem;text-transform:uppercase;color:rgba(246,196,83,.85);font-weight:600}.skills-group-caption{margin-top:.4rem;font-size:.95rem;color:rgba(245,247,244,.72);line-height:1.6}.skills-pills{display:flex;flex-wrap:wrap;gap:.6rem;align-content:flex-start}.skill-pill{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;font-size:.7rem;letter-spacing:.14rem;text-transform:uppercase;color:rgba(245,247,244,.9);border:1px solid rgba(95,196,184,.2);background:rgba(34,42,53,.65);transition:border-color .2s ease,transform .2s ease,color .2s ease}.skill-pill:hover{border-color:rgba(90,120,214,.6);color:#fff;transform:translateY(-2px)}@media screen and (max-width:900px){.skills-hero{padding:1.7rem}.skills-group{grid-template-columns:1fr;padding-left:1.3rem;gap:1rem}.skills-group:before{top:18px;bottom:18px}}.experience-page{position:relative;padding:5rem 0;overflow:hidden;min-height:100vh}.experience-page:before{content:"";position:absolute;top:-180px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,rgba(95,196,184,.25),rgba(95,196,184,0));filter:blur(32px);animation:experience-glow-1 8s ease-in-out infinite}.experience-page:after{content:"";position:absolute;bottom:-160px;left:-140px;width:400px;height:400px;background:radial-gradient(circle,rgba(90,120,214,.28),rgba(90,120,214,0));filter:blur(36px);animation:experience-glow-2 10s ease-in-out infinite}@keyframes experience-glow-1{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(20px,-20px) scale(1.1);opacity:.8}}@keyframes experience-glow-2{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-15px,15px) scale(1.15);opacity:.75}}.experience-shell{z-index:1;margin:0 auto;gap:2.5rem}.experience-list,.experience-shell{position:relative;display:flex;flex-direction:column}.experience-list{align-items:flex-start;gap:1.8rem;padding-left:2.5rem}.experience-list:before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,rgba(95,196,184,0),rgba(95,196,184,.4) 15%,rgba(95,196,184,.6) 50%,rgba(90,120,214,.6) 0,rgba(90,120,214,.4) 85%,rgba(90,120,214,0));border-radius:999px;box-shadow:0 0 8px rgba(95,196,184,.3)}@keyframes experience-float-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes experience-pulse{0%,to{box-shadow:0 0 0 3px rgba(246,196,83,.15),0 6px 18px rgba(246,196,83,.35)}50%{box-shadow:0 0 0 5px rgba(246,196,83,.2),0 8px 24px rgba(246,196,83,.45)}}.experience-card{position:relative;border-radius:24px;padding:1.6rem 1.8rem;width:100%;max-width:960px;border:1px solid rgba(95,196,184,.15);background:linear-gradient(145deg,rgba(38,47,62,.95),rgba(30,38,50,.85),rgba(27,34,45,.75));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px -35px rgba(0,0,0,.7),0 10px 30px -20px rgba(90,120,214,.4),inset 0 1px 0 hsla(0,0%,100%,.05);overflow:visible;animation:experience-float-in .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay,0ms);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}.experience-card:before{content:"";position:absolute;left:-2.5rem;top:2rem;width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#f6c453,#5a78d6);box-shadow:0 0 0 4px rgba(246,196,83,.15),0 0 0 8px rgba(246,196,83,.08),0 8px 20px rgba(246,196,83,.4);animation:experience-pulse 3s ease-in-out infinite;z-index:2}.experience-card:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(95,196,184,.35);box-shadow:0 32px 64px -40px rgba(95,196,184,.45),0 16px 40px -24px rgba(90,120,214,.5),inset 0 1px 0 hsla(0,0%,100%,.08)}.experience-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(95,196,184,.12),rgba(90,120,214,.12),rgba(246,196,83,.08));border-radius:24px;opacity:0;transition:opacity .4s ease;pointer-events:none}.experience-card:hover:after{opacity:.6}.experience-card:hover .experience-logo{transform:translateY(-4px) rotate(2deg) scale(1.05);box-shadow:0 16px 32px -20px rgba(0,0,0,.8),0 8px 16px -12px rgba(95,196,184,.4)}.experience-card__inner,.experience-card__inner *{position:relative;z-index:1}.experience-card__inner{display:grid;grid-template-columns:90px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.experience-logo{width:84px;height:84px;border-radius:20px;background:linear-gradient(135deg,rgba(28,34,45,.9),rgba(24,30,40,.8));border:1.5px solid rgba(95,196,184,.3);display:grid;place-items:center;overflow:hidden;flex-shrink:0;align-self:flex-start;margin-top:.2rem;box-shadow:0 12px 24px -16px rgba(0,0,0,.75),inset 0 1px 0 hsla(0,0%,100%,.1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease;position:relative}.experience-logo:before{content:"";position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(135deg,rgba(95,196,184,.3),rgba(90,120,214,.3));opacity:0;transition:opacity .4s ease;z-index:-1}.experience-card:hover .experience-logo:before{opacity:1}.experience-logo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.experience-card:hover .experience-logo img{transform:scale(1.08)}.experience-content{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.experience-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1.6rem;align-items:flex-start;margin-bottom:.2rem}.experience-title{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;background:linear-gradient(135deg,rgba(245,247,244,.98),rgba(245,247,244,.85));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.experience-role{font-size:.9rem;color:rgba(245,247,244,.75);margin-top:.3rem;font-style:normal;font-weight:500;letter-spacing:.01em}.experience-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;align-self:flex-start}.experience-duration{font-size:.7rem;color:rgba(246,196,83,.85);font-weight:600;border-radius:999px;background:rgba(246,196,83,.1);border:1px solid rgba(246,196,83,.2)}.experience-badge,.experience-duration{letter-spacing:.16rem;text-transform:uppercase;padding:.3rem .7rem}.experience-badge{border-radius:999px;font-size:.6rem;color:#111;background:linear-gradient(135deg,#f6c453,#5a78d6);font-weight:700;box-shadow:0 4px 12px -4px rgba(246,196,83,.5),0 2px 6px -2px rgba(90,120,214,.4);animation:experience-badge-shine 3s ease-in-out infinite}@keyframes experience-badge-shine{0%,to{box-shadow:0 4px 12px -4px rgba(246,196,83,.5),0 2px 6px -2px rgba(90,120,214,.4)}50%{box-shadow:0 6px 16px -4px rgba(246,196,83,.6),0 4px 10px -2px rgba(90,120,214,.5)}}.experience-description{color:rgba(245,247,244,.85);line-height:1.75;font-size:.92rem;margin-top:.4rem}.experience-description ul{margin-left:1.2rem;display:block;column-count:2;column-gap:2rem;list-style:none;padding:0}.experience-description li{position:relative;padding-left:1.4rem;page-break-inside:avoid;break-inside:avoid;margin-bottom:.5rem;line-height:1.7}.experience-description li:before{content:"▸";position:absolute;left:0;color:rgba(246,196,83,.9);font-size:1rem;font-weight:600;line-height:1.5}.experience-description{transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.experience-description.collapsed{max-height:280px;overflow:hidden;position:relative;mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent)}.experience-description.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent,rgba(27,34,45,.98));pointer-events:none}.experience-description.expanded{max-height:5000px;overflow:visible;mask-image:none;-webkit-mask-image:none}.experience-description.expanded:after{display:none}.experience-expand-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s ease}.experience-expand-wrapper:hover{opacity:.8}.experience-expand-button{background:rgba(95,196,184,.1)!important;border:1px solid rgba(95,196,184,.3)!important;color:rgba(95,196,184,.9)!important;border-radius:8px!important;width:32px!important;height:32px!important;min-width:32px!important;transition:all .2s ease!important}.experience-expand-button:hover{background:rgba(95,196,184,.2)!important;border-color:rgba(95,196,184,.5)!important;transform:translateY(-2px)}.experience-expand-button:active{transform:translateY(0)}.experience-expand-text{font-size:.8rem;color:rgba(95,196,184,.9);font-weight:600;letter-spacing:.05em;transition:color .2s ease}.experience-expand-wrapper:hover .experience-expand-text{color:#5fc4b8}.experience-stacks{display:grid;grid-gap:.6rem;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(95,196,184,.18);position:relative}.experience-stacks:before{content:"";position:absolute;top:0;left:0;width:60px;height:1px;background:linear-gradient(90deg,rgba(246,196,83,.6),transparent)}.experience-stacks__title{font-size:.7rem;letter-spacing:.2rem;text-transform:uppercase;color:rgba(246,196,83,.85);font-weight:700}.experience-stacks__list{display:flex;flex-wrap:wrap;gap:.6rem}.experience-stack-chip{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(95,196,184,.3);background:linear-gradient(135deg,rgba(34,42,53,.8),rgba(27,34,45,.7));color:rgba(245,247,244,.9);font-size:.65rem;letter-spacing:.14rem;text-transform:uppercase;font-weight:600;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;cursor:default}.experience-stack-chip:hover{transform:translateY(-2px);border-color:rgba(95,196,184,.5);background:linear-gradient(135deg,rgba(38,47,62,.9),rgba(30,38,50,.85));color:#fff;box-shadow:0 4px 12px -4px rgba(95,196,184,.4)}@media screen and (max-width:900px){.experience-page{padding:4rem 0}.experience-list{padding-left:1.8rem;gap:1.5rem}.experience-list:before{left:6px;width:1.5px}.experience-card{padding:1.3rem 1.4rem;border-radius:20px}.experience-card:before{left:-1.8rem;top:1.5rem;width:10px;height:10px}.experience-logo{width:72px;height:72px;border-radius:18px}.experience-header{align-items:flex-start;gap:.6rem 1.2rem}.experience-title{font-size:1.15rem}.experience-card__inner{grid-template-columns:1fr;gap:1.2rem}.experience-logo{justify-self:start}.experience-description ul{column-count:1;margin-left:.8rem}.experience-description li{padding-left:1.2rem}.experience-description.collapsed{max-height:240px}.experience-expand-wrapper{margin-top:.6rem}.experience-expand-button{width:28px!important;height:28px!important;min-width:28px!important}.experience-expand-text{font-size:.75rem}.experience-stacks{margin-top:.8rem;padding-top:.8rem}}.projects-page{position:relative;padding:4.5rem 0 4rem;overflow:hidden}.projects-page:before{content:"";position:absolute;top:-180px;left:-140px;width:320px;height:320px;background:radial-gradient(circle,rgba(95,196,184,.18),rgba(95,196,184,0));filter:blur(26px)}.projects-page:after{content:"";position:absolute;bottom:-160px;right:-140px;width:360px;height:360px;background:radial-gradient(circle,rgba(90,120,214,.22),rgba(90,120,214,0));filter:blur(32px)}.projects-shell{position:relative;z-index:1;margin:0 auto;display:flex;flex-direction:column;gap:1.4rem}.projects-filter{display:flex;justify-content:center;padding:.8rem 0 1.6rem}.projects-filter__stack{gap:.6rem}.projects-filter__note{text-align:center;font-size:.85rem;color:rgba(245,247,244,.6);letter-spacing:.03rem;margin-top:-.6rem}.filter-pill,.projects-filter label{display:flex;align-items:center}.filter-pill{cursor:pointer;padding:.45rem 1.1rem;border-radius:999px;border:1px solid rgba(90,120,214,.35);background:rgba(28,34,45,.6);color:rgba(245,247,244,.75);font-size:.7rem;letter-spacing:.2rem;text-transform:uppercase;text-align:center;justify-content:center;line-height:1;min-height:-moz-fit-content;min-height:fit-content;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.filter-pill[data-checked]{color:#111;border-color:transparent;background:linear-gradient(120deg,rgba(246,196,83,.95),rgba(90,120,214,.9))}.filter-pill:hover{transform:translateY(-1px);border-color:rgba(95,196,184,.6);color:hsla(0,0%,100%,.92)}.projects-filter label>input:focus-visible+.filter-pill{outline:2px solid rgba(90,120,214,.6);outline-offset:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.4rem;gap:1.4rem}@keyframes project-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.project-tile{position:relative;padding:.8rem;border-radius:22px;border:1px solid rgba(95,196,184,.15);background:linear-gradient(135deg,rgba(36,44,58,.9),rgba(26,32,44,.7));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 45px -35px rgba(0,0,0,.75);cursor:pointer;animation:project-fade-in .55s ease both;animation-delay:var(--delay,0ms);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-tile:before{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(135deg,rgba(95,196,184,.2),rgba(90,120,214,.2));opacity:0;transition:opacity .25s ease}.project-tile:hover{transform:translateY(-6px);border-color:rgba(95,196,184,.3);box-shadow:0 28px 55px -40px rgba(95,196,184,.45)}.project-tile:hover:before{opacity:.55}.project-tile>*{position:relative;z-index:1}.project-tile__image{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;border:1px solid hsla(0,0%,100%,.08);background:rgba(24,30,40,.6)}.project-tile__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-tile:hover .project-tile__image img{transform:scale(1.04)}.project-tile__type{position:absolute;top:.7rem;left:.7rem;padding:.25rem .65rem;border-radius:999px;font-size:.6rem;letter-spacing:.18rem;text-transform:uppercase;background:rgba(246,196,83,.12);border:1px solid rgba(246,196,83,.45);color:rgba(245,247,244,.9)}.project-tile__body{display:flex;flex-direction:column;gap:.6rem;padding:.6rem .2rem .2rem}.project-tile__header{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.project-tile__title{font-size:1.05rem;font-family:Sora,sans-serif}.project-tile__actions{gap:.5rem}.project-action{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(95,196,184,.2);background:rgba(34,42,53,.7);color:rgba(245,247,244,.85);opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease}.project-tile:hover .project-action{opacity:1;transform:translateY(0);border-color:rgba(95,196,184,.5)}.project-tile__desc{font-size:.9rem;line-height:1.55;color:rgba(245,247,244,.78)}.project-tile__chips{gap:.4rem}.project-chip{padding:.25rem .6rem;border-radius:999px;font-size:.6rem;letter-spacing:.12rem;text-transform:uppercase;border:1px solid rgba(95,196,184,.25);background:rgba(34,42,53,.65);color:rgba(245,247,244,.85)}.project-modal{border-radius:26px;border:1px solid rgba(95,196,184,.18);background:linear-gradient(135deg,rgba(34,42,53,.95),rgba(26,32,44,.9));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 70px -50px rgba(0,0,0,.85);color:#f7f8f6;overflow:hidden;position:relative}.project-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(95,196,184,.18),rgba(95,196,184,0));opacity:.8;pointer-events:none}.project-modal>*{position:relative;z-index:1}.project-modal__header{padding:1.6rem 1.8rem .8rem}.project-modal__thumb{width:64px;height:64px;border-radius:18px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);background:rgba(24,30,40,.75);display:grid;place-items:center}.project-modal__thumb img{width:100%;height:100%;object-fit:cover}.project-modal__title{font-size:1.5rem;font-family:Sora,sans-serif}.project-modal__type{padding:.2rem .6rem;border-radius:999px;font-size:.6rem;letter-spacing:.18rem;text-transform:uppercase;color:#111;background:linear-gradient(120deg,rgba(246,196,83,.95),rgba(90,120,214,.95))}.project-modal__close{position:absolute;top:.9rem;right:.9rem;border-radius:12px;border:1px solid rgba(95,196,184,.2);background:rgba(28,34,45,.6);z-index:2}.project-modal__close svg{color:rgba(245,247,244,.9)}.project-modal__body{padding:0 1.8rem 1.4rem}.project-modal__section{display:grid;grid-gap:.5rem;gap:.5rem}.project-modal__section-title{font-size:.85rem;letter-spacing:.22rem;text-transform:uppercase;color:rgba(246,196,83,.8)}.project-modal__section-text{color:rgba(245,247,244,.82);line-height:1.7;font-size:.95rem}.project-modal__divider{border-color:hsla(0,0%,100%,.08)}.project-modal__stack{gap:.5rem}.project-modal__chip{padding:.3rem .7rem;border-radius:999px;font-size:.6rem;letter-spacing:.14rem;text-transform:uppercase;border:1px solid rgba(95,196,184,.25);background:rgba(34,42,53,.65);color:rgba(245,247,244,.9)}.project-modal__footer{padding:0 1.8rem 1.6rem}.project-modal__actions{flex-wrap:wrap;gap:.6rem}.project-modal__cta{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:14px;background:linear-gradient(120deg,rgba(246,196,83,.95),rgba(90,120,214,.95));color:#111;font-weight:600;letter-spacing:.12rem;text-transform:uppercase;font-size:.7rem;line-height:1;transition:transform .2s ease,box-shadow .2s ease}.project-modal__cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(246,196,83,.7)}.project-modal__ghost{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;border-radius:14px;border:1px solid rgba(95,196,184,.25);background:rgba(28,34,45,.6);color:rgba(245,247,244,.85);letter-spacing:.12rem;text-transform:uppercase;font-size:.7rem;line-height:1;transition:transform .2s ease,border-color .2s ease}.project-modal__ghost:hover{transform:translateY(-2px);border-color:rgba(95,196,184,.6)}@media screen and (max-width:900px){.projects-filter{padding:.6rem 0 1.2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.project-action{opacity:1;transform:translateY(0)}}.blogs-container{width:85rem;padding:1.3rem 0;margin:auto 3rem}.blogs-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.articles-card{background-color:#222b38;width:20rem;height:30rem;margin:.5rem}.article-btn{background-color:#ffc436}.article-btn a:hover{text-decoration:none}.article-btn:hover{background-color:#e1ae37}.contact-container{margin-top:5rem;display:grid;grid-template-columns:40% 55%}.contact-text-span{font-size:1.4rem;display:flex;align-items:center}.contact-form-card label{color:#6a6a6a;font-weight:900}.social-container{font-size:3rem;margin-top:7rem}.social-container svg{padding:10px;border-radius:1.1rem;cursor:pointer}.social-container .instagram{background-color:#d53f8c}.social-container .linkedin{background-color:#0072b1}.social-container .twitter{background-color:#00acee}@media screen and (max-width:390px){.sub-heading{letter-spacing:.2rem}.home-hero{padding:6rem 1rem 3rem;gap:.7rem}.home-hero__avatar{width:110px;height:110px}.home-hero__typing{font-size:1rem}.home-cta{width:100%}.about-main-container{top:15rem;left:1.22rem;text-align:center}.name-heading{font-size:1.8rem;margin-bottom:3rem}.about-container{margin:3.5rem}.about-layout-container{display:block}.about-page{padding:3.5rem 0 2.5rem}.about-hero-card{padding:1.5rem}.about-portrait-meta{left:1rem;bottom:1rem;font-size:.6rem;letter-spacing:.12rem}.about-tags{gap:.4rem}.skills-page{padding:3.4rem 0 3rem}.skills-hero{padding:1.4rem}.skills-eyebrow{letter-spacing:.2rem}.skills-title{font-size:1.6rem}.skills-group{padding:1.1rem 0 1.1rem 1rem}.skill-pill,.skills-highlight{letter-spacing:.1rem}.experience-page{padding:3.4rem 0 3rem}.experience-card{padding:1.2rem}.experience-logo{width:84px;height:84px}.experience-duration{letter-spacing:.12rem}.projects-page{padding:3.4rem 0 3rem}.projects-grid{grid-template-columns:1fr}.project-tile{padding:.7rem}.project-tile__title{font-size:1rem}.project-chip{letter-spacing:.08rem}.blogs-container{margin:auto 1.6rem}.articles-card{margin:2rem .5rem}.blogs-grid-container{display:block}.container{margin:1.2rem}.contact-container{margin-top:1.5rem;display:block}.contact-container .chakra-heading{font-size:2.1rem}.contact-container .chakra-stack{margin-top:1rem}.contact-text-span{font-size:1.2rem;display:flex;align-items:center}.contact-form-card{padding:0;margin-bottom:3rem}.contact-form-card .chakra-heading{font-size:1.2rem}.contact-form-card label{font-size:1rem}.social-container{margin-bottom:2.5rem}}