*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;overflow-x:hidden}:root{--font-family-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--brand-accent: #4080ff;--icon-size: 30px;--icon-box-size: 44px;--icosahedron-size: 300px}@media (max-width: 768px){:root{--icosahedron-size: 300px}}.app-root{min-height:100vh;color:var(--text-color, #f0f0f0);background:var(--background-color, #000000);font-family:var(--font-family-sans);transition:background-color .18s ease,color .18s ease}.app-root.theme-light{--background-color: #ffffff;--text-color: #0b0b0b}.app-root.theme-dark{--background-color: #000000;--text-color: #f0f0f0}.hero-center{min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:16px;position:relative;padding-top:calc(var(--icosahedron-size) + 275px)}@media (max-width: 768px){.hero-center{padding-top:100px;justify-content:flex-start;gap:10px}}.page-title{margin:0;font-weight:300;letter-spacing:.5px;font-size:clamp(40px,8vw,56px);text-align:center}.typed-subtitle{font-weight:300;font-size:clamp(24px,6vw,34px);text-align:center}@media (max-width: 768px){.page-title{font-size:36px;margin-top:5px}.typed-subtitle{font-size:22px;margin-top:5px}}.social-row{display:flex;align-items:center;gap:16px;margin-top:28px}.icon{font-size:var(--icon-size);line-height:1;display:block}.icon-link,.icon-button{width:var(--icon-box-size);height:var(--icon-box-size);display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;color:inherit;background:transparent;border:none;border-radius:0;text-decoration:none;cursor:pointer;vertical-align:middle}.icosahedron-viewport{width:var(--icosahedron-size);height:var(--icosahedron-size);position:absolute;top:5%;left:50%;transform:translate(-50%);pointer-events:auto;z-index:0}@media (max-width: 768px){.icosahedron-viewport{position:relative;top:auto;left:auto;transform:none;margin:10px auto 15px;order:-1;width:var(--icosahedron-size)!important;height:var(--icosahedron-size)!important}}.hero-center>*:not(.icosahedron-viewport){position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:.7;transform:translate(-50%) translateY(0)}}