.pill-nav-container{box-sizing:border-box;left:50%;max-width:1440px;padding:0 2rem;position:absolute;top:1em;transform:translateX(-50%);width:100%;z-index:99}@media (max-width:768px){.pill-nav-container{padding:0 1rem}}.pill-nav{--nav-h:42px;--logo:36px;--pill-pad-x:18px;--pill-gap:3px;align-items:center;box-sizing:border-box;display:flex;width:max-content}@media (max-width:768px){.pill-nav{background:#0000;justify-content:space-between;padding:0 1rem;width:100%}}.pill-nav-items{border-radius:9999px;display:flex;position:relative}.pill-logo,.pill-nav-items{align-items:center;background:#000;background:var(--base,#000);height:var(--nav-h)}.pill-logo{border-radius:50%;display:inline-flex;justify-content:center;overflow:hidden;padding:8px;width:var(--nav-h)}.pill-logo img{display:block;height:100%;object-fit:cover;width:100%}.pill-list{align-items:stretch;gap:var(--pill-gap);list-style:none;margin:0;padding:3px}.pill-list,.pill-list>li{display:flex;height:100%}.pill{align-items:center;background:#fff;background:var(--pill-bg,#fff);border-radius:9999px;box-sizing:border-box;color:#000;color:var(--pill-text,var(--base,#000));cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;height:100%;justify-content:center;letter-spacing:.2px;line-height:0;overflow:hidden;padding:0 var(--pill-pad-x);position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}.pill .hover-circle{background:#000;background:var(--base,#000);border-radius:50%;bottom:0;display:block;left:50%;pointer-events:none;position:absolute;will-change:transform;z-index:1}.pill .label-stack,.pill .pill-label{display:inline-block;line-height:1;position:relative;z-index:2}.pill .pill-label{will-change:transform}.pill .pill-label-hover{color:#fff;color:var(--hover-text,#fff);display:inline-block;left:0;position:absolute;top:0;will-change:transform,opacity;z-index:3}.pill.is-active:after{background:#000;background:var(--base,#000);border-radius:50px;bottom:-6px;content:"";height:12px;left:50%;position:absolute;transform:translateX(-50%);width:12px;z-index:4}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{align-items:center;background:#000;background:var(--base,#000);border:none;border-radius:50%;cursor:pointer;display:none;flex-direction:column;gap:4px;height:var(--nav-h);justify-content:center;padding:0;position:relative;width:var(--nav-h)}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{background:#fff;background:var(--pill-bg,#fff);border-radius:1px;height:2px;transform-origin:center;transition:all .01s ease;width:16px}.mobile-menu-popover{background:#f0f0f0;background:var(--base,#f0f0f0);border-radius:27px;box-shadow:0 8px 32px #0000001f;left:1rem;opacity:0;position:absolute;right:1rem;top:3em;transform-origin:top center;visibility:hidden;z-index:998}.mobile-menu-list{display:flex;flex-direction:column;gap:3px;list-style:none;margin:0;padding:3px}.mobile-menu-popover .mobile-menu-link{background-color:#fff;background-color:var(--pill-bg,#fff);border-radius:50px;color:#fff;color:var(--pill-text,#fff);display:block;font-size:16px;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{background-color:var(--base);color:#fff;color:var(--hover-text,#fff);cursor:pointer}.navbar-wrapper{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0ae6;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.custom-nav{flex:1 1}.pill-nav-lang{color:#fff9;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.pill-nav-lang .inactive{cursor:not-allowed;opacity:.4}@media (max-width:768px){.pill-nav-container{padding:.75rem 1rem}.pill-nav-content{gap:1rem}.pill-nav-logo{height:28px;width:28px}.pill-nav-item{font-size:.75rem;padding:.4rem .75rem}.pill-nav-lang{display:none}}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;flex:0 0 300px;height:380px;overflow:hidden;padding:1.5rem;position:relative;width:300px}@media (max-width:768px){.card-spotlight{flex:1 1 auto!important;max-width:100%!important;width:100%!important}}.card-spotlight:before{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),#0000 80%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}.music-player-container{align-self:flex-start;position:sticky;top:90px;z-index:10}.music-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111e6;border:1px solid #00e5ff33;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;min-width:280px;padding:1.5rem;transition:all .3s ease}.music-player:hover{border-color:#00e5ff66;transform:translateY(-2px)}.profile-section{align-items:center;display:flex;flex-direction:column;gap:1rem}.profile-image{border:2px solid #00e5ff4d;border-radius:12px;box-shadow:0 0 20px #00e5ff33;height:80px;overflow:hidden;width:80px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-info{display:flex;flex-direction:column;gap:.5rem;text-align:center}.profile-name{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.profile-titles{display:flex;flex-direction:column;gap:.25rem}.title-tag{background:#00e5ff26;border:1px solid #00e5ff33;border-radius:6px;color:#00e5ff;font-size:.7rem;font-weight:500;padding:.25rem .75rem}.music-controls{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.now-playing-label{color:#00e5ff;font-size:.6rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.track-info{display:flex;flex-direction:column;gap:.25rem}.track-title{color:#fff;font-size:.85rem;font-weight:600;line-height:1.2}.track-artist{color:#ffffffb3;font-size:.75rem;font-weight:400}.player-controls{align-items:center;display:flex;gap:1rem;justify-content:center}.contact-me-btn{background:#00e5ff26;border:1px solid #00e5ff4d;border-radius:8px;color:#00e5ff;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease;width:100%}.contact-me-btn:hover{background:#00e5ff40;border-color:#00e5ff80;transform:scale(1.02)}.control-btn{align-items:center;background:#00e5ff26;border:1px solid #00e5ff4d;border-radius:50%;color:#00e5ff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}.control-btn:hover{background:#00e5ff40;border-color:#00e5ff80;box-shadow:0 0 15px #00e5ff4d;transform:scale(1.1)}.progress-bar{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00e5ff,#0f8);border-radius:2px;height:100%;transition:width .3s ease}.progress-container{display:flex;flex-direction:column;gap:.5rem}.time-display{color:#fff9;display:flex;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.7rem;font-weight:500;justify-content:space-between}.play-btn{background:#00e5ff33;border-color:#00e5ff80;font-size:1.1rem;height:2.75rem;width:2.75rem}.next-btn,.prev-btn{font-size:.9rem}.soundcloud-widget{background:#ffffff0d;border:1px solid #00e5ff33;border-radius:8px;margin-top:1rem;overflow:hidden}.soundcloud-widget iframe{border:none;border-radius:8px;height:120px!important;width:100%!important}.logo-loop-container{overflow:hidden;position:relative;width:100%}.logo-loop-track{align-items:center;animation:scroll 120s linear infinite;animation:scroll var(--speed,120s) linear infinite;display:flex;will-change:transform}.logo-loop-track.left{animation-direction:normal}.logo-loop-track.right{animation-direction:reverse}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.logo-item{align-items:center;display:flex;flex-shrink:0;height:48px;height:var(--logo-height,48px);justify-content:center;opacity:.7;transition:opacity .3s ease;width:100px}.logo-item img{filter:grayscale(100%);height:auto;max-height:100%;max-width:100px;object-fit:contain;transition:filter .3s ease;width:auto}.logo-item:hover{opacity:.9}.logo-item:hover img{filter:grayscale(0)}.logo-item.clickable{cursor:pointer}.logo-item.clickable:hover{opacity:1}.scale-on-hover{transition:transform .3s ease}.scale-on-hover:hover{transform:scale(1.1)}.fade-out{bottom:0;pointer-events:none;position:absolute;top:0;width:100px;z-index:1}.fade-out.fade-left{left:0}.fade-out.fade-right{right:0}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#f3f3f3;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-muted:#999;--accent-pink:#f09;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-yellow:#fbbf24;--border-light:#e5e5e5;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--radius:16px;--radius-sm:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f3f3;background:var(--bg-main);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:1024px){.main-container{flex-direction:column!important}.sidebar{width:100%!important}.projects-grid{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(4,auto)!important}}@media (max-width:640px){.nav-pills{display:none!important}.projects-grid{grid-template-columns:1fr!important;grid-template-rows:repeat(6,auto)!important}.magic-bento{grid-area:auto!important}.newsletter-modal{left:1rem!important;right:1rem!important}.footer-bar,.newsletter-modal{width:calc(100% - 2rem)!important}}
/*# sourceMappingURL=main.f4eadd51.css.map*/