:root{--primary: #122426;--secondary: #1B7D7A;--secondary-light: #3AB0AD;--accent-cyan: #4FA8C4;--accent-violet: #7CD8CA;--accent-yellow: #F7C548;--surface: rgba(22, 46, 48, .8);--text: #FFFFFF;--text-muted: #94A8AA;--ease-spring: cubic-bezier(.16, 1, .3, 1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;background-image:radial-gradient(at 50% 10%,rgba(27,125,122,.08) 0px,transparent 60%),radial-gradient(at 10% 50%,rgba(79,168,196,.08) 0px,transparent 50%),radial-gradient(at 90% 85%,rgba(247,197,72,.06) 0px,transparent 50%);background-attachment:fixed;color:#1f2937;overflow-x:hidden}code,.font-mono{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}.glass-panel{background:#162e3099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff26,0 10px 30px -5px #0000004d;transition:all .4s var(--ease-spring)}.glass-panel-hover{transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-spring),border-color .4s var(--ease-spring)}.glass-panel-hover:hover{background:#1b7d7a40;border-color:#4fa8c466;box-shadow:inset 0 1px #ffffff40,0 20px 40px -15px #00000080,0 0 30px #4fa8c426}.active-press{transition:transform .15s var(--ease-spring),box-shadow .15s var(--ease-spring)}.active-press:active{transform:scale(.97) translateY(1px)!important}.craft-input{transition:border-color .2s var(--ease-spring),box-shadow .2s var(--ease-spring)}.craft-input:focus{outline:none;border-color:#1b7d7a;box-shadow:0 0 0 4px #1b7d7a26}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#faf8f5}.custom-scrollbar::-webkit-scrollbar-thumb{background:#162e301f;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@keyframes spin-3d-1{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(180deg) rotate(360deg)}}@keyframes spin-3d-2{0%{transform:rotateX(0) rotateY(360deg) rotate(0)}to{transform:rotateX(180deg) rotateY(0) rotate(360deg)}}@keyframes spin-3d-3{0%{transform:rotateX(360deg) rotateY(0) rotate(360deg)}to{transform:rotateX(0) rotateY(360deg) rotate(0)}}.cube-container{perspective:1200px;transform-style:preserve-3d}.geometric-shape{transform-style:preserve-3d;will-change:transform}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}.animate-fade-in{animation:fade-in .5s var(--ease-spring) forwards}.animate-fade-in-up{animation:fade-in-up .6s var(--ease-spring) forwards}
