:root{--primary-color: #7c3aed;--primary-light: #a78bfa;--accent-teal: #14b8a6;--accent-teal-light: #5eead4;--bg-color: #fafafa;--text-color: #1f2937;--text-muted: #6b7280;--border-color: #e5e7eb;--shadow-sm: rgba(0, 0, 0, .05);--shadow-md: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--cube-animation-speed: 10s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;background-color:var(--bg-color);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;min-height:100vh;overflow-x:hidden;width:100%;image-rendering:pixelated}h1,h2,h3{color:var(--primary-color);font-weight:600;margin:0}nav{display:flex;gap:.5rem;align-items:center}nav a{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease;display:inline-block}nav a.active{text-decoration:underline;color:var(--primary-color)}nav a:hover{color:var(--primary-color);background:#7c3aed0d}button{font-family:inherit;cursor:pointer;transition:all .2s ease}button:hover{opacity:.9}input,textarea{font-family:inherit;transition:border-color .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--primary-color)!important}@keyframes turn{0%{transform:rotate3d(1,1,0,0)}to{transform:rotate3d(1,1,0,360deg)}}@keyframes turnReverse{0%{transform:rotate3d(1,1,0,0)}to{transform:rotate3d(1,1,0,-360deg)}}@keyframes turnAlt{0%{transform:rotate3d(1,0,1,0)}to{transform:rotate3d(1,0,1,360deg)}}@keyframes turnAltReverse{0%{transform:rotate3d(1,0,1,0)}to{transform:rotate3d(1,0,1,-360deg)}}@keyframes turnWild{0%{transform:rotate3d(1,1,1,0)}to{transform:rotate3d(1,1,1,360deg)}}@keyframes turnWildReverse{0%{transform:rotate3d(1,1,1,0)}to{transform:rotate3d(1,1,1,-360deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.content{padding:2rem;max-width:800px;margin:0 auto}.container{width:400px;height:400px;perspective:1000px;margin:auto;margin-top:25vh;animation:breathe 3s ease-in-out infinite}.cube{z-index:-99999;position:relative;width:400px;height:400px;transform-style:preserve-3d;display:block;text-decoration:none}.cube.turn{animation:turn var(--cube-animation-speed) linear infinite}.cube.turnReverse{animation:turnReverse var(--cube-animation-speed) linear infinite}.cube.turnAlt{animation:turnAlt var(--cube-animation-speed) linear infinite}.cube.turnAltReverse{animation:turnAltReverse var(--cube-animation-speed) linear infinite}.cube.turnWild{animation:turnWild var(--cube-animation-speed) linear infinite}.cube.turnWildReverse{animation:turnWildReverse var(--cube-animation-speed) linear infinite}.face{width:400px;height:400px;background:#5bdbdfd9;border:5px solid #96e7ea;border-radius:25px;position:absolute;opacity:.7;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:2rem;transition:transform .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #5bdbdf4d,inset 0 0 20px #fff3}.front{transform:translateZ(200px)}.back{transform:translateZ(-200px) rotateY(180deg)}.left{transform:translate(-200px) rotateY(-90deg)}.right{transform:translate(200px) rotateY(90deg)}.top{transform:translateY(-200px) rotateX(90deg)}.bottom{transform:translateY(200px) rotateX(-90deg)}