@import"https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap";:root{--color-bg: #0B3D2E;--color-fg: #F5F0DC;--color-accent: #E6B800;--color-muted: rgba(245,240,220,.7);--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--max-w: 900px;--radius: 14px;--shadow: 0 8px 30px rgba(0,0,0,.25);--transition: .2s ease}[data-theme=light]{--color-bg: #0B3D2E;--color-fg: #F5F0DC;--color-accent: #E6B800;--color-muted: rgba(245,240,220,.7)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--color-fg);background-color:var(--color-bg);min-height:100vh;display:flex;align-items:center;justify-content:center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition)}#root{width:100%}a{color:var(--color-accent);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}@media(prefers-color-scheme:light){:root{--color-bg: #0B3D2E;--color-fg: #F5F0DC;--color-accent: #E6B800;--color-muted: rgba(245,240,220,.7)}}.site-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding:2rem;z-index:100}.site-header .wordmark{width:480px;height:auto;opacity:.95;transition:opacity var(--transition)}.site-header .wordmark:hover{opacity:1}@media(max-width:640px){.site-header .wordmark{width:400px}}.hover-panel-wrapper{position:relative;display:inline-block;height:100%}.hover-panel-trigger{position:relative;z-index:2}.hover-panel{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(-100%);height:33.333%;display:flex;align-items:center;justify-content:center;padding:0 3rem;border-radius:var(--radius);font-family:"Poppins",var(--font-sans);font-weight:800;font-size:3rem;color:var(--color-accent);letter-spacing:.5rem;background-color:var(--color-bg);border:3px solid #2DD4BF;box-shadow:0 0 20px #2dd4bf66,0 8px 30px #00000040;opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition);z-index:1;white-space:nowrap;cursor:pointer}.hover-panel.visible{transform:translateY(-50%) translate(0);opacity:1;pointer-events:auto}@media(max-width:640px){.hover-panel{font-size:2rem;padding:0 2rem;letter-spacing:.3rem;max-width:60vw!important}}@media(max-width:480px){.hover-panel{font-size:1.5rem;padding:0 1.5rem;letter-spacing:.2rem;max-width:50vw!important}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;transition:all .5s ease}.container.about-view{align-items:center;justify-content:flex-start;padding-top:8rem}.logo{width:900px;height:auto;transition:transform var(--transition),filter var(--transition)}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 20px var(--color-accent))}.about-content{max-width:800px;padding:4rem 2rem;animation:fadeIn .5s ease}.about-content h1{font-size:3rem;font-weight:800;color:var(--color-accent);margin-bottom:2rem;font-family:"Poppins",var(--font-sans);letter-spacing:.3rem}.about-content p{font-size:1.2rem;line-height:1.8;color:var(--color-fg)}.logo-bottom-left{position:fixed;bottom:2rem;left:2rem;cursor:pointer;transition:transform .5s ease,opacity .5s ease;animation:slideIn .5s ease}.logo-small{width:200px;height:auto;transition:transform var(--transition),filter var(--transition)}.logo-small:hover{transform:scale(1.05);filter:drop-shadow(0 0 20px var(--color-accent))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media(max-width:640px){.logo{width:90vw}.logo-small{width:120px}.about-content h1{font-size:2rem}.about-content p{font-size:1rem}}