:root{--emerald:#008d62;--emerald-dark:#005a3f;--emerald-light:#26a69a;--gold:#d4af37;--gold-light:#f9e29d;--ruby:#e0115f;--ruby-dark:#9b111e;--text-light:#f8f9fa;--font-body:"Outfit", sans-serif;--font-heading:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--emerald-dark);color:var(--text-light);width:100vw;min-height:100vh;overflow-y:auto}#root{width:100%}.islamic-pattern{background-image:radial-gradient(var(--emerald-light) .5px, transparent .5px);background-size:20px 20px;background-color:var(--emerald-dark);opacity:.1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.batik-overlay{pointer-events:none;background:linear-gradient(135deg,#008d6266 0%,#e0115f1a 100%);width:100%;height:100%;position:fixed;top:0;left:0}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem;display:flex;position:relative}.ui-layer *{pointer-events:auto}.glass{-webkit-backdrop-filter:blur(12px);background:#005a3f99;border:1px solid #d4af374d;border-radius:20px;box-shadow:0 8px 32px #0000005e}.gold-text{background:linear-gradient(90deg,#f9e29d,#d4af37,#f9e29d);-webkit-text-fill-color:transparent;color:var(--gold);font-family:var(--font-heading);-webkit-background-clip:text;background-clip:text}.ruby-button{background:linear-gradient(135deg, var(--ruby) 0%, var(--ruby-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e0115f66}.ruby-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0115f99}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:4s ease-in-out infinite float}.gold-button{color:#d4af37;cursor:pointer;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 8px #d4af3766;background:#005a3f66;border:2px solid #d4af37;border-radius:50px;justify-content:center;align-items:center;gap:.8rem;padding:1rem 2rem;font-weight:900;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 0 15px #d4af3733}.gold-button:hover{color:#005a3f;background:#d4af37;transform:translateY(-3px)scale(1.02);box-shadow:0 0 30px #d4af3780}.gold-button:active{transform:scale(.95)}img[alt=Logo\ Istana219],.floating img,header img{object-fit:contain!important;width:auto!important;max-width:180px!important;height:auto!important;max-height:20vh!important;margin:0 auto!important;display:block!important}.dynamic-bg{z-index:0;opacity:.3;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.intro-screen{z-index:9999!important;pointer-events:auto!important;background-color:#005a3f!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.clickable-button{pointer-events:auto!important;cursor:pointer!important;z-index:10000!important;position:relative!important}.firework{pointer-events:none;z-index:2;border-radius:50%;width:4px;height:4px;animation:2s infinite firework;position:absolute;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}@keyframes firework{0%{opacity:1;width:4px;transform:translate(-50%,60vh)}50%{opacity:1;width:4px}to{opacity:0;width:500px;transform:translate(-50%,calc(60vh - 400px))}}.main-wrapper{scroll-behavior:smooth;scrollbar-width:none;background-color:#005a3f;flex-direction:column;width:100vw;min-height:150vh;display:flex;overflow-y:auto}.main-wrapper::-webkit-scrollbar{display:none}.section-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100vw;min-height:100vh;padding:0 1rem;display:flex}.model-box{z-index:10!important;justify-content:center!important;align-items:center!important;width:100%!important;height:70vh!important;min-height:500px!important;margin-bottom:-120px!important;display:flex!important;position:relative!important;overflow:visible!important}.model-box canvas{touch-action:none;width:100%!important;height:100%!important}.message-box{-webkit-backdrop-filter:blur(30px)!important;background-color:#002d1ee6!important;border:1px solid #d4af3766!important;border-radius:50px!important;width:95%!important;max-width:900px!important;margin:0 auto 60px!important;padding:4rem 2rem!important;position:relative!important;overflow:visible!important;box-shadow:0 50px 120px #000000e6!important}.twinkle{width:3px;height:3px;animation:sparkle var(--duration) ease-in-out infinite;opacity:0;pointer-events:none;filter:blur(.5px);background:#f9e29d;border-radius:50%;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.8);box-shadow:0 0 15px #d4af37,0 0 5px #f9e29d}}.glowing-text{text-shadow:0 0 20px #d4af3780;line-height:1.5;font-family:var(--font-heading)}.site-footer{text-align:center;color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;background:#0006;width:100%;margin-top:4rem;padding:3rem 2rem;font-size:11px}