@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes cardIn{to{opacity:1;transform:none}}:root{--joy-1:#f4a261;--joy-2:#e63946;--joy-3:#2a9d8f;--joy-4:#264653;--text-dark:#e6eef2;--card-bg:rgba(255,255,255,0.04);--glass:rgba(255,255,255,0.03)}*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#071028 0,#0b2636 100%);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{background:linear-gradient(90deg,var(--joy-2),var(--joy-4))!important}.nav-link,.navbar-brand{color:#fff!important}.nav-link:hover{opacity:.94}h2{margin-bottom:18px}.hero-section{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border-radius:16px;padding:48px 24px;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.04)}.hero-content{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-content h1{margin:0;font-size:32px;color:var(--joy-2)}.hero-content .lead{margin:0;color:#cfe6e8}.avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;border:6px solid rgba(255,255,255,.06);box-shadow:0 18px 40px rgba(2,6,23,.6)}.floating{animation:float 4s ease-in-out infinite}.card-img-top{height:110px;object-fit:cover}.card{margin-bottom:20px;border-radius:12px;overflow:hidden;border:0;position:relative}.project-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.02));border-radius:12px;overflow:visible;padding:0;margin:12px 0;transition:transform .32s cubic-bezier(.2,.9,.3,1),box-shadow .32s ease}.project-card:before{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background:linear-gradient(90deg,rgba(230,108,108,.06),rgba(38,70,83,.04));mix-blend-mode:screen;opacity:0;transition:opacity .32s}.project-card:hover{transform:translateY(-10px) translateZ(0) scale(1.02);box-shadow:0 30px 60px rgba(2,6,23,.6)}.project-card:hover:before{opacity:1}.card-title{color:var(--joy-1);font-weight:700}.card-text{color:rgba(230,238,242,.9);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.btn-primary{background:var(--joy-2);border:0;color:#fff}.btn-primary:hover{filter:brightness(.95)}.projects .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.projects .card,.side-nav ul{display:flex;flex-direction:column}.projects .card{height:160px;padding:0}.projects .card-body{padding:10px;display:flex;flex-direction:column;justify-content:space-between}.projects .card-text{-webkit-line-clamp:2}.site-footer{background:linear-gradient(90deg,rgba(38,70,83,.96),rgba(22,38,47,.98));color:#e6eef2}.site-footer a{color:var(--joy-1);text-decoration:underline}@media (max-width:767px){.avatar{width:120px;height:120px}.hero-content h1{font-size:24px}}.text-center{text-align:center}html{scroll-behavior:smooth}.side-nav{position:fixed;left:28px;top:50%;transform:translateY(-50%);z-index:60}.side-nav ul{gap:14px}.side-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-dark);opacity:.9}.side-nav .dot{width:12px;height:12px;border-radius:50%;background:rgba(230,108,108,.12);border:2px solid rgba(230,108,108,.28);display:inline-block;transition:all .22s ease}.side-nav .label{font-size:13px;color:rgba(230,238,242,.9);opacity:0;transform:translateX(-6px);transition:all .22s ease}.side-nav a:hover .dot,.side-nav a:hover .label{opacity:1;transform:none}.side-nav a.active .dot{background:linear-gradient(90deg,var(--joy-2),var(--joy-4));box-shadow:0 6px 18px rgba(230,108,108,.12);border-color:transparent}.side-nav a.active .label{opacity:1;color:var(--joy-1);transform:none}@media (max-width:900px){.side-nav{left:12px}.side-nav .label{display:none}}section{padding-top:40px;padding-bottom:40px}@media (min-width:992px){.hero-section{padding:96px 24px;border-radius:20px}.hero-content{gap:18px}}.split{display:block}.main-flow{max-width:900px;margin:0 auto;padding:12px}.showcase{position:fixed;right:48px;top:90px;width:380px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:16px;padding:20px;box-shadow:0 40px 80px rgba(2,6,23,.6);border:1px solid rgba(255,255,255,.03)}@media (min-width:900px){.main-flow{margin-right:460px}}.projects .project-card{opacity:0;transform:translateY(10px) scale(.995);animation:cardIn .48s cubic-bezier(.2,.9,.3,1) forwards;animation-delay:calc(var(--i)*120ms)}.avatar{transition:transform .42s ease,box-shadow .28s ease}.avatar:hover{transform:translateY(-6px) scale(1.03) rotate(-1.2deg);box-shadow:0 54px 120px rgba(2,6,23,.7)}@media (max-width:899px){.showcase{position:static;width:auto;box-shadow:none;border-radius:8px;margin-bottom:18px}.main-flow{margin-right:0}}#experience ul,.side-nav ul{list-style:none;padding:0;margin:0}#experience ul>li{background:var(--glass);padding:14px;border-radius:10px;margin-bottom:12px;transition:transform .28s ease,box-shadow .28s ease;border:1px solid rgba(255,255,255,.02)}#experience ul>li:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(2,6,23,.5);border-color:rgba(230,108,108,.06)}#experience ul strong,h2{color:var(--joy-1)}#experience ul p{color:rgba(230,238,242,.9);margin:6px 0}.project-card{perspective:1200px}.project-card .card{transform-style:preserve-3d}h1,h2{text-shadow:0 6px 18px rgba(2,6,23,.6)}