:root{font-family:Courier New,monospace;line-height:1.5;font-weight:400;color-scheme:light;color:#181818;background-color:#f5f5f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;height:100vh;padding:2rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.retro-box{border:1px solid #000;padding:2rem;background:#f5f5f0;font-family:Courier New,monospace;font-size:14px;position:relative;max-width:600px;width:100%;max-height:calc(100vh - 4rem);overflow-y:auto;box-shadow:none;box-sizing:border-box}#app{width:100%}.site-header{text-align:left;margin-bottom:2rem}.site-header h1{font-size:1.2rem;margin:0 0 .5rem;font-weight:700;color:#000;letter-spacing:1px}.subtitle{font-size:.9rem;margin:0;color:#000;font-weight:400;letter-spacing:.5px}.tab-navigation{display:flex;justify-content:flex-start;border-bottom:1px solid #000;margin-bottom:1.5rem;gap:0}.tab-button{background:none;border:none;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:700;color:#000;cursor:pointer;border-bottom:2px solid transparent;transition:all .1s ease;letter-spacing:.5px}.tab-button:hover{background-color:#f0f0f0}.tab-button.active{border-bottom-color:#000}.content-area{min-height:400px;position:relative}.tab-content{display:none;animation:fadeIn .3s ease-in}.tab-content.active{display:block}.tab-content h2{font-size:1rem;color:#000;margin:0 0 1rem;font-weight:700;letter-spacing:.5px}.tab-content p{line-height:1.5;margin-bottom:1rem;color:#000;font-size:.85rem}.contact-links{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.contact-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #000;text-decoration:none;color:#000;background:none;transition:background .1s,color .1s}.contact-link:hover{background:#000;color:#fff}.contact-link .icon{width:16px;height:16px}.email-contact{margin-top:1.5rem;padding:1rem;border:1px solid #000;background-color:#f9f9f9;text-align:left;display:flex;align-items:center;gap:.5rem}.email-contact .email-icon{width:14px;height:14px;color:#000}.email-contact span{margin:0;font-weight:400;font-size:.85rem;color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mac-face{position:absolute;bottom:1rem;right:1rem;z-index:999;cursor:pointer;transition:transform .2s ease}.mac-face:hover{transform:scale(1.1)}.mac-face svg{filter:drop-shadow(2px 2px 8px rgba(0,0,0,.3))}#leftEye,#rightEye{transition:cx .3s ease,cy .3s ease}#mouth{transition:d .5s ease}@media (max-width: 768px){body{padding:1rem}.retro-box{padding:1.5rem;font-size:13px}.contact-links{gap:.5rem}.mac-face{bottom:.5rem;right:.5rem}.mac-face svg{width:40px;height:52px}}@media (max-width: 480px){.retro-box{padding:1rem;font-size:12px}.tab-navigation{gap:0}.tab-button{padding:.4rem .8rem;font-size:.75rem}}