html,body{margin:0;padding:0;width:100vw;height:100vh;min-width:100vw;min-height:100vh;box-sizing:border-box;overflow:hidden;background:#000;font-family:'Arial',sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;perspective:1000px;cursor:default}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}.scene{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;z-index:99}.cube-container{width:200px;height:200px;max-width:40vw;max-height:40vw;min-width:120px;min-height:120px;position:relative;margin:auto;transform-style:preserve-3d;animation:float 8s ease-in-out infinite;cursor:pointer}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:spin 20s infinite linear;transition:transform 1s cubic-bezier(.175,.885,.32,1.275)}.face{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;text-align:center;backface-visibility:visible;border-radius:8px;cursor:pointer;overflow:hidden;padding:.5em;word-break:break-word;text-overflow:ellipsis;box-sizing:border-box;transition:all 1s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 20px rgb(0 0 0 / .3);text-shadow:0 2px 4px rgb(0 0 0 / .5)}.face.front{transform:translateZ(100px);background:linear-gradient(135deg,#dc143c,#ff4500)}.face.back{transform:rotateY(180deg) translateZ(100px);background:linear-gradient(135deg,#8a2be2,#4b0082)}.face.left{transform:rotateY(-90deg) translateZ(100px);background:linear-gradient(135deg,#32cd32,#228b22)}.face.right{transform:rotateY(90deg) translateZ(100px);background:linear-gradient(135deg,#ffd700,#daa520)}.face.top{transform:rotateX(90deg) translateZ(100px);background:linear-gradient(135deg,#ff6347,#ff7f50)}.face.bottom{transform:rotateX(-90deg) translateZ(100px);background:linear-gradient(135deg,#4682b4,#5f9ea0)}.cube.exploded .front{transform:translateZ(0) translateX(-220px) translateY(220px)}.cube.exploded .back{transform:rotateY(0deg) translateZ(0) translateY(220px)}.cube.exploded .left{transform:rotateY(0deg) translateZ(0) translateX(-220px)}.cube.exploded .right{transform:rotateY(0deg) translateZ(0) translateX(220px)}.cube.exploded .top{transform:rotateX(0deg) translateZ(0) translateX(220px) translateY(-220px)}.cube.exploded .bottom{transform:rotateX(0deg) translateZ(0) translateX(220px) translateY(220px)}.face.cubnb{transform:translateX(-220px) translateY(-220px) translateZ(0);width:440px;height:220px;background:none;font-size:2.5rem;font-weight:900;border:none;animation:glow 3s infinite alternate;-webkit-text-stroke:2px #fff;text-shadow:0 0 0 transparent,0 0 24px #fff,0 0 48px #fff,0 0 64px #fff,0 0 90px #fff;transition:font-size 0.2s cubic-bezier(.4,0,.2,1),color 0.2s cubic-bezier(.4,0,.2,1),filter 0.2s cubic-bezier(.4,0,.2,1),text-shadow 0.2s cubic-bezier(.4,0,.2,1)}@keyframes glow{from{text-shadow:0 0 0 transparent,0 0 24px #fff,0 0 48px #fff,0 0 64px #fff}to{text-shadow:0 0 0 transparent,0 0 48px #fff,0 0 96px #fff,0 0 128px #fff}}.text-glow-offset{color:#fff;text-shadow:4px 4px 12px #fff,-4px -4px 12px #fff,0 0 24px #fff}.hidden{display:none!important}.instructions{position:absolute;top:20px;left:20px;background:rgb(0 0 0 / .6);padding:15px;border-radius:8px;max-width:250px;z-index:10;font-size:1rem}.instructions h3{margin-bottom:10px;font-size:1rem}.instructions ul{list-style-type:none;font-size:.8rem;opacity:.8}.instructions li{margin-bottom:5px}.instructions .controls{position:static;margin-top:15px;display:flex;justify-content:center;gap:10px}.control-btn{background:rgb(255 255 255 / .2);border:none;color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background 0.3s}.control-btn:hover{background:rgb(255 255 255 / .3)}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .8);z-index:100;justify-content:center;align-items:center;animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:radial-gradient(circle,white 0%,black 100%);color:#333;padding:20px;border-radius:15px;max-width:200px;width:90vw;position:relative;text-align:center;text-shadow:2px 2px 4px rgb(0 0 0 / .6);overflow-wrap:break-word;word-break:break-word;overflow:hidden;box-sizing:border-box}.modal-title{font-size:1.2rem;margin-bottom:10px;background:linear-gradient(to right,#036ce6,#122588);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:#fff0;padding:0 5px;white-space:normal;overflow:hidden;text-overflow:ellipsis}.modal-title a{color:#036ce6;text-decoration:none;transition:color 0.3s}.modal-title a:hover{color:#122588;font-size:1.5rem}.modal-links{list-style-type:none}.modal-links li{margin:15px 0;transition:transform 0.2s}.modal-links li:hover{transform:scale(1.05)}.modal-links a{color:#06c;text-decoration:none;display:flex;align-items:center;font-weight:500}.modal-links a:hover{color:#036ce6}.link-number{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;background:#e6f0ff;color:#06c;border-radius:50%;margin-right:10px;font-size:.8rem}.close-btn{position:absolute;top:6px;right:15px;background:none;border:none;font-size:2rem;cursor:pointer;color:#ffd600;transition:color 1s cubic-bezier(.4,0,.2,1)}.close-btn:hover,.close-btn:focus{color:crimson}.center-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff0;padding:18px 28px;border-radius:12px;text-align:center;cursor:pointer;display:none;flex-direction:column;gap:5px;box-shadow:none;z-index:15;animation:floatBtn 3s ease-in-out infinite;pointer-events:none}.center-logo{width:150px;height:150px;max-width:90vw;max-height:90vw;object-fit:contain;display:block;margin:0 auto;pointer-events:none}.cube.exploded~.center-button{display:flex}@keyframes floatBtn{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.07)}}canvas{position:absolute;top:0;left:0;width:100vw!important;height:100vh!important;display:block;z-index:0;pointer-events:none}.trail{position:fixed;width:32px;height:32px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity 0.1s;opacity:.8}.trail:first-child{opacity:1;z-index:10000}.floating-text{display:inline-block;color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:.08em;max-width:100%;max-height:100%;white-space:normal;text-align:center;display:block;text-shadow:1px 1px 2px #222,1px 1px 4px #0ff,0 4px 16px rgb(0 0 0 / .5),0 0 24px #00e1ff;-webkit-text-stroke:.5px #000;position:relative;z-index:2;transition:font-size 0.2s cubic-bezier(.4,0,.2,1),color 0.2s cubic-bezier(.4,0,.2,1),filter 0.2s cubic-bezier(.4,0,.2,1),text-shadow 0.2s cubic-bezier(.4,0,.2,1)}.floating-text:hover{font-size:1.5em;color:#fff;filter:brightness(2);text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff;cursor:pointer}.floating-text,.floating-text:hover{text-decoration:none!important}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;background:#181818;border:2px solid #229ED9;border-radius:12px;padding:0 .1em;margin:auto;box-shadow:0 0 16px #229ED9aa,0 0 32px #2228;transition:box-shadow 0.2s,border-color 0.2s,background 0.2s;font-size:1.1em;color:#fff;text-decoration:none!important;min-width:120px;min-height:90px;box-sizing:border-box;overflow:hidden}.contact-card:hover{background:#222;border-color:#ffd600;box-shadow:0 0 24px #ffd600bb,0 0 48px #229ED9aa;color:#ffd600}.contact-icon{display:flex;align-items:center;justify-content:center;font-size:2em;margin-bottom:.1em}.contact-label{font-weight:700;font-size:1.1em;letter-spacing:.04em;margin-top:.2em;text-align:center}.cookie-overlay,.customize-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7);z-index:9998;display:none}.cookie-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;color:#fff;max-width:520px;width:90vw;border-radius:12px;box-shadow:0 0 32px #000a;z-index:9999;padding:1.5em 2em;display:none;font-family:inherit;overflow:hidden}.cookie-banner-content{display:flex;flex-direction:column;gap:1.2em;text-align:left;max-height:60vh}.cookie-banner-content p{margin:0;font-size:1em;line-height:1.5;max-height:40vh;overflow-y:auto;margin-bottom:.5em}.cookie-buttons{display:flex;justify-content:space-between;gap:1em;margin-top:1em;flex-shrink:0}.cookie-btn{flex:1 1 0%;padding:.7em .5em;border:none;border-radius:5px;background:#036ce6;color:#fff;font-weight:700;font-size:1em;cursor:pointer;transition:background 0.18s}.cookie-btn.reject{background:#f33}.cookie-btn.customize{background:#444}.cookie-btn:hover{opacity:.93}.customize-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;color:#fff;max-width:250px;width:80vw;border-radius:12px;box-shadow:0 0 32px #000a;z-index:10000;padding:1.5em 1.8em;display:none;overflow:hidden}.close-customize-popup{position:absolute;top:.6em;right:.6em;background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:.1em .3em;line-height:1;z-index:1}.close-customize-popup:hover{opacity:.7}.popup-text-container{max-height:40vh;overflow-y:auto;margin-bottom:1em}.cookie-categories{display:flex;flex-direction:column;gap:.7em;margin:1em 0}.cookie-categories label{display:flex;align-items:center;font-size:1em;cursor:pointer;gap:.5em}.cookie-categories input[type="checkbox"]{accent-color:#036ce6;width:1.1em;height:1.1em;margin-right:.2em;cursor:pointer}.customize-buttons{display:flex;justify-content:center;gap:1em;margin-top:1em;flex-shrink:0}.customize-buttons .cookie-btn{flex:1 1 0%;padding:.7em .5em;border:none;border-radius:5px;background:#036ce6;color:#fff;font-weight:700;font-size:1em;cursor:pointer;transition:background 0.18s}@media (max-width:900px){.cube-container{width:150px;height:150px;max-width:90vw;max-height:90vw}.face.front{transform:translateZ(75px)}.face.back{transform:rotateY(180deg) translateZ(75px)}.face.left{transform:rotateY(-90deg) translateZ(75px)}.face.right{transform:rotateY(90deg) translateZ(75px)}.face.top{transform:rotateX(90deg) translateZ(75px)}.face.bottom{transform:rotateX(-90deg) translateZ(75px)}.cube.exploded .front{transform:translateX(-170px) translateY(170px)}.cube.exploded .back{transform:translateY(170px)}.cube.exploded .left{transform:translateX(-170px)}.cube.exploded .right{transform:translateX(170px)}.cube.exploded .top{transform:translateX(170px) translateY(-170px)}.cube.exploded .bottom{transform:translateX(170px) translateY(170px)}.face.cubnb{transform:translateX(-170px) translateY(-170px) translateZ(0);width:340px;height:170px}}@media (max-width:600px){.cube-container{width:120px;height:120px;max-width:90vw;max-height:90vw}.face.front{transform:translateZ(60px)}.face.back{transform:rotateY(180deg) translateZ(60px)}.face.left{transform:rotateY(-90deg) translateZ(60px)}.face.right{transform:rotateY(90deg) translateZ(60px)}.face.top{transform:rotateX(90deg) translateZ(60px)}.face.bottom{transform:rotateX(-90deg) translateZ(60px)}.cube.exploded .front{transform:translateX(-136px) translateY(136px)}.cube.exploded .back{transform:translateY(136px)}.cube.exploded .left{transform:translateX(-136px)}.cube.exploded .right{transform:translateX(136px)}.cube.exploded .top{transform:translateX(136px) translateY(-136px)}.cube.exploded .bottom{transform:translateX(136px) translateY(136px)}.face.cubnb{transform:translateX(-136px) translateY(-136px) translateZ(0);width:272px;height:136px;font-size:2.2rem}.cookie-banner,.customize-popup{max-width:98vw;width:98vw;padding:.8em .7em;border-radius:10px;max-height:85vh}.cookie-banner-content{max-height:70vh}.cookie-banner-content p,.popup-text-container{max-height:50vh}.cookie-buttons,.customize-buttons{flex-direction:column;gap:.5em;margin-top:.5em}.cookie-btn,.customize-buttons .cookie-btn{width:100%;min-width:0;padding:.8em .5em}.customize-popup{max-width:98vw;width:98vw;padding:.8em .7em;border-radius:10px;max-height:70vh}.popup-text-container{max-height:45vh}}