@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";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}.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:linear-gradient(135deg,#000,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .8s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;max-width:500px;padding:2rem}.loading-logo{margin-bottom:3rem;animation:fadeInUp .6s ease}.loading-title{display:block;font-family:Bebas Neue,sans-serif;font-size:3rem;color:#cd7f32;font-style:italic;letter-spacing:.1em;text-shadow:0 2px 8px rgba(205,127,50,.3);margin-bottom:.5rem}.loading-subtitle{display:block;font-family:Bebas Neue,sans-serif;font-size:1.2rem;color:#cd7f32;letter-spacing:.1em;opacity:.8}.loading-progress{animation:fadeInUp .6s ease .3s both}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#cd7f32,#e1a86d);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #cd7f3280}.loading-text{display:block;color:#fff;font-size:1rem;margin-bottom:.5rem;opacity:.9}.loading-percentage{color:#cd7f32;font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.1em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.loading-title{font-size:2.5rem}.loading-content{padding:1rem}}