@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap";body{margin:0;font-family:Merriweather,serif;background:#000;overflow-x:hidden}#root{width:100%;height:100%}.hero-section{position:relative;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0;opacity:0;animation:heroFadeIn 1.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-title{z-index:1;color:#cd7f32;font-size:3rem;text-align:center;opacity:0;animation:fadeInUp 1s ease-out .5s forwards}.subheader{z-index:1;margin-top:1rem;text-align:center;font-family:Playfair Display,serif;font-style:italic;font-size:2rem;color:#f5f5f5}.scroll-indicator{position:absolute;bottom:2rem;transform:translate(-50%);font-size:1rem;color:#fff;text-align:center;white-space:nowrap}.content-section{position:relative;z-index:2;background:linear-gradient(180deg,#1a1a2e,#16213e 30%,#0f3460);color:#fff;min-height:150vh;padding:4rem 2rem;overflow:hidden}.panels-section{position:relative;height:100vh;z-index:2}.component-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#fff9;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.1em}.hero-section,.content-section{will-change:transform}.hero-overlay-buttons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hero-overlay-buttons>*{pointer-events:all}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes buttonPop{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.1);box-shadow:0 0 15px #fff6}to{transform:scale(1);box-shadow:none}}@media (max-width: 768px){.hero-title{font-size:3rem}.subheader{font-size:2.2rem}.scroll-opacity-toggle-btn{width:40px;height:40px;font-size:1.4rem;right:4vw;bottom:4vw}.moon-background{width:200px;height:200px;top:12%}.portfolio-title{font-size:3rem;margin-top:6rem}.content-section{padding:3rem 1rem}.panel-grid{grid-template-columns:1fr;gap:1rem}.panel-card{padding:1.5rem}.panel-title{font-size:1.75rem}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:block;z-index:9999;opacity:1;transition:opacity 1.2s cubic-bezier(.22,1,.36,1);color:#fff;--letter-stretch: 1.02;will-change:opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{position:relative;height:100vh;padding:5vh 4vw 12vh;box-sizing:border-box}.loading-logo{animation:fadeInUp .6s ease}.loading-logo.left-align{text-align:left}.loading-title{display:block;font-family:Bebas Neue,sans-serif;color:#cd7f32;font-style:normal;letter-spacing:.02em;line-height:.9;user-select:none;-webkit-user-select:none;margin:0;padding:0}.loading-title-word{display:block;width:auto;text-align:left;font-size:calc(100vh / 3);line-height:.92;margin-bottom:.2rem}.loading-progress{display:none}.smooth-progress{position:fixed;left:0!important;right:0!important;bottom:0!important;width:auto!important;min-width:100vw!important;max-width:none!important;margin:0!important;padding:0;height:clamp(24px,6vh,80px);background:#ffffff05;border:none;border-radius:0;overflow:visible;box-sizing:border-box;box-shadow:none;z-index:10000;transform:translateZ(0)}.smooth-fill{height:100%;width:0%;background:#cd7f32;transition:width .28s ease;transform-origin:left center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.loading-title-word{width:100%;font-size:clamp(48px,18vw,140px)}.loading-letter{font-size:clamp(36px,18vw,120px);transform:scaleX(1.05)}.loading-content{padding:3vh 3vw}.smooth-progress{height:clamp(18px,8vh,120px)}}.repo-page{min-height:100vh;background:#000;color:#fff;font-family:Merriweather,Georgia,Times New Roman,serif;font-size:18px;line-height:1.6;position:relative;z-index:2}.repo-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:3}.repo-header h1{font-size:3.2rem;color:#cd7f32;margin:0;letter-spacing:.06em;font-family:Merriweather,serif;font-weight:700}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.1em;transition:all .3s ease;position:relative;z-index:4}.back-button:hover{background:#fff3;transform:translateY(-2px)}.repo-content{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);position:relative;z-index:3}.repo-placeholder{text-align:center;max-width:600px;padding:2rem}.repo-article h2{font-size:2.4rem;color:#cd7f32;margin-bottom:.75rem;letter-spacing:.04em;font-family:Merriweather,serif}.repo-article p{font-size:1.18rem;opacity:.92;line-height:1.7;margin-bottom:1rem}.repo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#000;color:#fff;font-family:Bebas Neue,sans-serif}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #cd7f32;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contour-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.contour-svg{width:100%;height:100%;display:block}.contour-lines.contour-dark{background:linear-gradient(180deg,#020202,#0b0b0b)}