:root{--primary: #FAF8F5;--secondary: #1B7D7A;--secondary-light: #3AB0AD;--accent-cyan: #4FA8C4;--accent-violet: #7CD8CA;--accent-yellow: #F7C548;--surface: rgba(255, 255, 255, .7);--text: #162E30;--text-muted: #526A6E}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:var(--primary);background-image:radial-gradient(at 50% 50%,rgba(254,226,188,.3) 0px,transparent 65%),radial-gradient(at 10% 20%,rgba(124,216,202,.2) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(79,168,196,.15) 0px,transparent 50%);background-attachment:fixed;color:var(--text);overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.glass-panel{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(27,125,122,.08);box-shadow:0 4px 30px #00000008}.glass-panel-hover{transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel-hover:hover{background:#fffffff2;border-color:#1b7d7a40;box-shadow:0 20px 40px -15px #162e3014,0 0 25px #1b7d7a0d;transform:translateY(-4px)}.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;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}
