: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}@keyframes gold-shine{0%{background-position:200%}to{background-position:-200%}}.gold-text{background:linear-gradient(90deg,#d4af37 20%,#f9e29d 40%,#fff 50%,#f9e29d 60%,#d4af37 80%) 0 0/200%;-webkit-text-fill-color:transparent;color:var(--gold);font-family:var(--font-heading);-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gold-shine}.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)rotate(0)}50%{filter:drop-shadow(0 20px 30px #d4af3766);transform:translateY(-15px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}.floating{will-change:transform, filter;animation:6s cubic-bezier(.4,0,.2,1) 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}.royal-button{color:#f9e29d;-webkit-backdrop-filter:blur(10px);cursor:pointer;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border:1px solid #d4af3780;border-radius:16px;justify-content:center;align-items:center;gap:.8rem;padding:1.2rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 30px #00000080,inset 0 0 15px #d4af371a}.royal-button:hover{color:#fff;background:linear-gradient(135deg,#d4af374d 0%,#d4af371a 100%);border-color:#f9e29d;box-shadow:0 12px 40px #d4af3766,inset 0 0 25px #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:400px!important;height:auto!important;max-height:40vh!important;margin:0 auto!important;display:block!important}@keyframes ken-burns{0%{opacity:.6;transform:scale(1.05)}50%{opacity:.8;transform:scale(1.15)}to{opacity:.6;transform:scale(1.05)}}.dynamic-bg{z-index:0;pointer-events:none;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:30s ease-in-out infinite alternate ken-burns;position:fixed;inset:0}.intro-screen{z-index:9999!important;-webkit-backdrop-filter:blur(10px)!important;pointer-events:auto!important;background:radial-gradient(circle,#00281999 0%,#000f0ae6 100%)!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:80vh!important;min-height:550px!important;margin-bottom:0!important;display:flex!important;position:relative!important;overflow:visible!important}.model-box canvas{touch-action:none;width:100%!important;height:100%!important}.message-box{will-change:transform, opacity;-webkit-backdrop-filter:blur(8px)!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;will-change:transform, opacity;background:#f9e29d;border-radius:50%;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(.1)}50%{opacity:1;transform:scale(1.5);box-shadow:0 0 10px #d4af37}}.arabic-text{color:var(--gold);font-family:var(--font-heading);text-shadow:0 0 12px #d4af37e6,0 0 24px #d4af3799;text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:900;line-height:1.2}.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}