:root{--bg-color: #1a1a1a;--text-color: #f5f5f5;--accent-color: #4ECDC4;--toggle-bg: rgba(255, 255, 255, .1);--toggle-icon: #f5f5f5}[data-theme=light]{--bg-color: #f5f5f5;--text-color: #1a1a1a;--accent-color: #4ECDC4;--toggle-bg: rgba(0, 0, 0, .1);--toggle-icon: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Mono,Courier New,monospace;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}#app-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;transition:filter .2s ease}#app-wrapper.liquify-active{filter:url(#liquify)}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.container{display:flex;gap:4rem;align-items:flex-start;max-width:1200px;width:60%;position:relative;z-index:1}.logo{flex-shrink:0}.logo img{width:280px;height:auto;display:block;transition:filter .3s ease;-webkit-touch-callout:none}.logo.interactive img{filter:url(#liquifyLogo)}.content{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:280px}.content__title,h1{font-family:Oswald,sans-serif;font-size:clamp(2rem,3vw,4rem);font-weight:500;line-height:1.2;margin:0 0 1.5rem;color:var(--accent-color);text-align:left;transition:color .3s ease}.content__description,.description{font-family:IBM Plex Mono,monospace;font-size:clamp(.5rem,1vw,1.25rem);line-height:1.8;color:var(--text-color);text-align:left;transition:color .3s ease}.content__date,.description .date{font-weight:700}.content__contact,.contact{font-size:clamp(.625rem,.75vw,.75rem);line-height:1.6;color:var(--text-color);margin:0;transition:color .3s ease}.content__contact a,.contact a{color:var(--text-color);text-decoration:none;transition:text-decoration .2s ease,color .3s ease}.content__contact a:hover,.contact a:hover{text-decoration:underline}.email-link{position:relative;display:inline-block}.email-text{filter:url(#liquifyEmail);transition:filter .6s ease;display:inline-block;color:var(--accent-color)}.email-link:hover .email-text{filter:none}.dark-mode-toggle{position:fixed;top:2rem;right:2rem;width:20px;height:20px;border-radius:50%;border:none;background-color:var(--toggle-bg);color:var(--toggle-icon);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode-toggle:hover{transform:scale(1.1);background-color:var(--accent-color)}.dark-mode-toggle:active{transform:scale(.95)}.sun-icon,.moon-icon{position:absolute;transition:opacity .3s ease,transform .3s ease}.sun-icon{opacity:1;transform:rotate(0)}.moon-icon,[data-theme=dark] .sun-icon{opacity:0;transform:rotate(180deg)}[data-theme=dark] .moon-icon{opacity:1;transform:rotate(0)}@media(max-width:1000px){.container{flex-direction:column;gap:2rem;align-items:center;text-align:center}.logo img{width:200px}.content{height:auto;gap:2rem}.content__title,h1{font-size:clamp(1.3rem,4vw,1.8rem);text-align:center}.content__description,.description{font-size:clamp(.8rem,2.5vw,.9rem);text-align:center}.content__contact,.contact{font-size:clamp(.6rem,2vw,.7rem);text-align:center}}