@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";
.relative{position:relative}.container{width:100%}.flex{display:flex}.h-screen{height:100vh}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#fff;--text-color:#333;--text-secondary:#444;--logo-color:#000;--email-color:#000;--link-color:#6b9aff;--link-hover:#5a89ee;--fish-color:#888;--fish-red:#f44}[data-theme=dark]{--bg-color:#0a0a0a;--text-color:#e5e5e5;--text-secondary:#b4b4b4;--logo-color:#fff;--email-color:#fff;--link-color:#7aa2f7;--link-hover:#9abeff;--fish-color:#4a4a4a;--fish-red:#ff6b6b}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow:hidden}#bg-canvas{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.container{z-index:1;pointer-events:none;width:100%;max-width:700px;padding:0 24px}.logo-text{color:var(--logo-color);letter-spacing:-.02em;margin-bottom:2rem;font-size:4rem;font-weight:600;transition:color .3s}.content{pointer-events:auto}.content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:300;transition:color .3s}.contact-info{color:var(--text-secondary);font-size:1.5rem;transition:color .3s}a{color:var(--link-color);text-decoration:none;transition:color .2s}a:hover{color:var(--link-hover);text-decoration:underline}.email{color:var(--email-color);font-family:Courier New,Courier,monospace;font-weight:600;transition:color .3s}.theme-toggle{cursor:pointer;pointer-events:auto;z-index:1000;opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s;display:flex;position:fixed;top:2rem;right:2rem}.theme-toggle:before{content:"";border:1.5px solid var(--link-color);opacity:0;border-radius:50%;width:100%;height:100%;transition:all .4s;position:absolute;transform:scale(.8)}.theme-toggle:hover:before{opacity:.3;transform:scale(1.15)}.theme-toggle:hover{opacity:1;transform:rotate(0)}[data-theme=dark] .theme-toggle:hover{box-shadow:0 4px 12px #ffffff0d}.theme-card{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.theme-face{justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute}.theme-icon{filter:grayscale(.3);font-size:1.4rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.theme-toggle:hover .theme-icon{filter:grayscale(0);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.theme-face-front{opacity:1;transform:rotate(0)scale(1)}.theme-face-back{opacity:0;transform:rotate(180deg)scale(.3)}.theme-toggle[data-theme=dark] .theme-face-front{opacity:0;transform:rotate(-180deg)scale(.3)}.theme-toggle[data-theme=dark] .theme-face-back{opacity:1;transform:rotate(0)scale(1)}.theme-face span:not(.theme-icon),.theme-stars,.theme-clouds{display:none}@media (max-width:768px){.logo-text{font-size:2.5rem}.content p{font-size:1.1rem}.theme-toggle{width:44px;height:44px;top:1.25rem;right:1.25rem}.theme-icon{font-size:1.3rem}}@media (max-width:480px){.logo-text{font-size:2rem}.content p{font-size:1rem}.container{padding:0 20px}.theme-toggle{width:40px;height:40px;top:1rem;right:1rem}.theme-icon{font-size:1.2rem}.theme-toggle:before{border-width:1px}}