*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0e0e10;color:#fff;font-family:Inter,system-ui,sans-serif}#root{width:100vw;height:100vh;position:relative}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;transition:opacity 1.2s ease-in-out}.canvas-container.fade-out{opacity:0;pointer-events:none}.content-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;transition:opacity 1.2s ease-in-out;overflow-y:auto;background:#0c0c0e}.content-container.active{opacity:1;pointer-events:auto;z-index:20}.loading-hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;font-size:12px;letter-spacing:.15em;color:#ffffff80;text-transform:uppercase;pointer-events:none;animation:pulse-opacity 2s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.3}50%{opacity:.8}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.text-3d-wrapper{perspective:900px;display:inline-block;cursor:pointer}.text-3d{display:inline-block;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.34,1.56,.64,1),text-shadow .35s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1);will-change:transform}.text-3d:hover{transform:translateY(-8px) rotateX(5deg) rotateY(-8deg) scale(1.05)}.text-3d-card{color:#eee;text-shadow:0 1px 0 rgba(0,229,255,.15),0 2px 0 rgba(0,229,255,.08),0 3px 6px rgba(0,0,0,.3)}.text-3d-card:hover{color:#fff;text-shadow:0 1px 0 rgba(0,229,255,.25),0 2px 0 rgba(0,229,255,.15),0 3px 0 rgba(0,229,255,.08),0 4px 8px rgba(0,229,255,.15),0 8px 20px rgba(0,0,0,.3)}.text-3d-tag{color:#ddd;text-shadow:0 1px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.3)}.text-3d-tag:hover{color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 0 rgba(255,255,255,.06),0 3px 8px rgba(0,0,0,.3)}.text-3d-heading{text-shadow:0 1px 0 rgba(255,255,255,.15),0 2px 0 rgba(255,255,255,.08),0 3px 6px rgba(0,0,0,.3)}.text-3d-heading:hover{text-shadow:0 1px 0 rgba(255,255,255,.25),0 2px 0 rgba(255,255,255,.15),0 3px 0 rgba(255,255,255,.08),0 4px 8px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.3)}.text-3d-section{color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.3)}.text-3d-section:hover{text-shadow:0 1px 0 rgba(255,255,255,.15),0 2px 0 rgba(255,255,255,.08),0 3px 8px rgba(0,0,0,.3)}@media (prefers-reduced-motion: reduce){.text-3d{transition:none!important}.text-3d:hover{transform:none!important}}