*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000000;--fg: #ffffff;--accent: #ff3e00;--link-bg: #ffffff;--link-fg: #000000;--link-hover-bg: #ff3e00;--link-hover-fg: #000000}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--fg);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center}.layout{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.layout::-webkit-scrollbar{display:none}.header{position:fixed;top:1.5rem;left:1.5rem;z-index:100;display:flex;align-items:center;gap:1rem}.logo-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.logo-avatar img{width:100%;height:100%;object-fit:cover}.header-text{display:flex;flex-direction:column;justify-content:center;height:80px;gap:0}.header-title{font-size:2.4rem;font-weight:600;letter-spacing:.02em;color:var(--fg);margin:0;line-height:1}.header-subtitle{font-size:2.4rem;font-weight:400;color:var(--accent);margin:0;line-height:1}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center;margin:1rem 0}.project-item{text-decoration:none}.project-circle{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.project-circle .circular-text{width:300px;height:300px;color:var(--fg)}.project-circle .circular-text span{font-size:16px}.project-screenshot{position:absolute;width:240px;height:240px;border-radius:50%;overflow:hidden;transition:transform .2s ease}.project-circle:hover .project-screenshot{transform:scale(1.05)}.project-screenshot img{width:100%;height:100%;object-fit:cover}.social-links{display:flex;gap:1.5rem}.social-item{display:flex;align-items:center;gap:.75rem;color:var(--fg);text-decoration:none;font-weight:600;font-size:1.5rem;opacity:.7;transition:opacity .15s ease,color .15s ease}.social-item:hover{opacity:1;color:var(--accent)}.social-icon{font-size:1.875rem}.footer{padding:1.5rem;text-align:center}.rpc-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.rpc-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.rpc-endpoint{font-size:1rem;font-weight:600;color:var(--fg);opacity:.8;-webkit-user-select:all;user-select:all}@media(max-width:768px){.header{position:fixed;top:1rem;left:1rem;right:1rem;gap:.75rem}.logo-avatar{width:15vw;height:15vw;min-width:50px;min-height:50px}.header-text{height:15vw;min-height:50px;flex:1}.header-title,.header-subtitle{font-size:clamp(1rem,5vw,2.4rem)}.main{padding:1rem;padding-top:calc(15vw + 3rem)}.projects-grid{grid-template-columns:1fr;gap:1rem;width:100%}.project-circle,.project-circle .circular-text{width:calc(100vw - 2rem);height:calc(100vw - 2rem)}.project-screenshot{width:calc(100vw - 6rem);height:calc(100vw - 6rem)}}.circular-text{position:relative;margin:0 auto;border-radius:50%;width:120px;height:120px;font-weight:900;color:var(--fg);text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;inset:0;font-size:9px;text-transform:uppercase;letter-spacing:.05em;transition:all .5s cubic-bezier(0,0,0,1)}