*{margin:0;padding:0;box-sizing:border-box;}
html{overflow-x:auto;overflow-y:auto;}
body{background:#04081A;font-family:'Outfit',sans-serif;color:#fff;overflow-x:auto;overflow-y:auto;min-height:100vh;}

@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes nf-pulse{0%,100%{box-shadow:0 0 60px rgba(96,165,250,0.4),0 0 160px rgba(96,165,250,0.2),0 0 320px rgba(96,165,250,0.08),inset 0 0 60px rgba(0,0,0,0.3)}50%{box-shadow:0 0 90px rgba(96,165,250,0.55),0 0 220px rgba(96,165,250,0.28),0 0 440px rgba(96,165,250,0.12),inset 0 0 60px rgba(0,0,0,0.25)}}
@keyframes breathe{0%,100%{filter:brightness(0.94)}50%{filter:brightness(1.10)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes tarawih-pulse{0%,100%{box-shadow:0 0 40px rgba(52,211,153,0.7)}50%{box-shadow:0 0 70px rgba(52,211,153,0.95)}}

#scale-wrapper{width:5760px;height:3240px;position:relative;transform-origin:top left;z-index:1;}
canvas#nebula{position:absolute;inset:0;width:5760px;height:3240px;z-index:0;pointer-events:none;}
canvas#stars{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;}
svg#lines{position:absolute;inset:0;width:5760px;height:3240px;z-index:2;pointer-events:none;}
#content{position:absolute;inset:0;width:5760px;height:3240px;z-index:3;}

.url-label{position:absolute;top:20px;right:60px;z-index:10;font-size:28px;font-weight:400;letter-spacing:4px;color:rgba(160,195,240,0.35);text-transform:lowercase;}

#page-title{position:absolute;top:-120px;left:2650px;transform:translateX(-50%);z-index:10;text-align:center;white-space:nowrap;}
#page-title h1{font-size:60px;font-weight:800;letter-spacing:14px;text-transform:uppercase;background:linear-gradient(90deg,#93c5fd 0%,#ffffff 30%,#c4b5fd 55%,#ffffff 80%,#93c5fd 100%);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 8s ease infinite;}
#page-title p{font-size:36px;color:rgba(160,195,240,0.80);letter-spacing:8px;font-weight:600;margin-top:4px;}

#legend{position:absolute;top:-120px;left:4400px;transform:translateX(-50%);z-index:10;display:flex;flex-direction:row;gap:40px;background:rgba(255,255,255,0.04);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:28px 48px;}
.legend-item{display:flex;align-items:center;gap:16px;}
.legend-pill{width:60px;height:32px;border-radius:20px;}
.legend-pill.solid{background:linear-gradient(135deg,#1e40af,#3b82f6);border:2px solid #93c5fd;}
.legend-pill.dashed{background:transparent;border:2px dashed rgba(255,255,255,0.35);}
.legend-item span{color:rgba(190,210,240,0.85);font-size:38px;font-weight:600;}

.l1{position:absolute;width:500px;height:500px;border-radius:50%;left:2400px;top:60px;background:radial-gradient(circle at 40% 34%,#5ba3ff 0%,#2563eb 35%,#0d2580 65%,#060f30 100%);border:2px solid rgba(147,197,253,0.30);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:nf-pulse 5s ease infinite,fadeUp 0.5s ease both;z-index:5;}
.l1 .name{font-size:56px;font-weight:800;letter-spacing:6px;}
.l1 .sub{font-size:22px;font-weight:600;opacity:0.45;margin-top:4px;}

.l1{cursor:pointer;}
.l2{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:breathe 4s ease infinite,fadeUp 0.5s ease both;z-index:5;cursor:pointer;transition:transform 0.35s ease,box-shadow 0.35s ease,filter 0.35s ease;}
.l2:hover{transform:scale(1.08);filter:brightness(1.15);}
.l2 .lbl{display:none;}
.l2 .name{font-size:46px;font-weight:800;text-align:center;line-height:1.2;padding:0 30px;}
.l2 .name span{display:block;font-size:20px;font-weight:500;opacity:0.55;margin-top:4px;max-width:260px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;}

#nlc{width:420px;height:420px;left:293px;top:580px;background:radial-gradient(circle at 38% 32%,#2563eb 0%,#0f2a70 40%,#050e2a 100%);border:2px solid rgba(96,165,250,0.28);box-shadow:0 0 80px rgba(59,130,246,0.65),0 0 200px rgba(59,130,246,0.25),inset 0 0 50px rgba(0,0,0,0.55);}
#dawah{width:420px;height:420px;left:1246px;top:600px;background:radial-gradient(circle at 38% 32%,#f59e0b 0%,#92400e 40%,#1c0f00 100%);border:2px solid rgba(251,191,36,0.28);box-shadow:0 0 80px rgba(245,158,11,0.65),0 0 200px rgba(245,158,11,0.25),inset 0 0 50px rgba(0,0,0,0.55);}
#nccm{width:540px;height:540px;left:2471px;top:580px;background:radial-gradient(circle at 38% 32%,rgba(16,185,129,0.25) 0%,rgba(6,78,59,0.18) 40%,rgba(1,15,12,0.12) 100%);border:2px dashed rgba(52,211,153,0.45);box-shadow:0 0 70px rgba(16,185,129,0.50),0 0 180px rgba(16,185,129,0.20),inset 0 0 50px rgba(0,0,0,0.30);}
#neldc{width:420px;height:420px;left:3569px;top:600px;background:radial-gradient(circle at 38% 32%,rgba(220,38,38,0.22) 0%,rgba(127,29,29,0.15) 40%,rgba(26,5,5,0.10) 100%);border:2px dashed rgba(252,165,165,0.45);box-shadow:0 0 70px rgba(220,38,38,0.50),0 0 180px rgba(220,38,38,0.20),inset 0 0 50px rgba(0,0,0,0.25);}
#neldc .name{font-size:40px;}
#neldc .name span{font-size:18px;}
#malja{width:420px;height:420px;left:4599px;top:580px;background:radial-gradient(circle at 38% 32%,#7c3aed 0%,#3b0764 40%,#0f0020 100%);border:2px solid rgba(196,132,252,0.28);box-shadow:0 0 80px rgba(124,58,237,0.65),0 0 200px rgba(124,58,237,0.25),inset 0 0 50px rgba(0,0,0,0.55);}

.hdr{position:absolute;border-radius:50px;padding:14px 28px;font-size:22px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:10px;border:1px solid;white-space:nowrap;animation:fadeUp 0.5s ease both;z-index:4;cursor:pointer;}
.hdr .icon{font-style:normal;}

.hdr.nlc{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#93c5fd;box-shadow:0 0 28px rgba(59,130,246,0.55);}
.hdr.dw{background:linear-gradient(135deg,#92400e,#f59e0b);border-color:#fcd34d;box-shadow:0 0 28px rgba(245,158,11,0.55);}
.hdr.nccm{background:linear-gradient(135deg,#065f46,#10b981);border-color:#6ee7b7;box-shadow:0 0 28px rgba(16,185,129,0.55);}
.hdr.neldc-hdr{background:linear-gradient(135deg,#991b1b,#ef4444);border-color:#fca5a5;box-shadow:0 0 28px rgba(239,68,68,0.55);}
.hdr.mlj{background:linear-gradient(135deg,#4c1d95,#8b5cf6);border-color:#c4b5fd;box-shadow:0 0 28px rgba(139,92,246,0.55);}
.hdr.mlj-g{background:linear-gradient(135deg,#9d174d,#ec4899);border-color:#f9a8d4;box-shadow:0 0 28px rgba(236,72,153,0.55);}
.hdr.mlc-special{font-size:28px;border-style:dashed;background:transparent;border-color:rgba(167,139,250,0.4);opacity:0.60;box-shadow:none;}

#hdr-academic{left:60px;top:1510px;}
#hdr-pubs{left:624px;top:1510px;}
#hdr-media{left:1188px;top:1510px;}
#hdr-ummatic{left:1188px;top:2374px;}
#hdr-outreach{left:1771px;top:1510px;}
#hdr-community{left:2432px;top:1510px;}
#hdr-programs{left:2898px;top:1510px;}
#hdr-exec{left:3598px;top:1510px;}
#hdr-mlc{left:4745px;top:1328px;}
#hdr-malja-w{left:4609px;top:1510px;}
#hdr-malja-g{left:5329px;top:1510px;}

.node{position:absolute;border-radius:12px;padding:10px 20px;font-size:19px;font-weight:400;color:rgba(255,255,255,0.75);max-width:380px;border:1px solid;cursor:pointer;transition:transform 0.2s ease,filter 0.2s ease;white-space:normal;animation:fadeUp 0.5s ease both;z-index:4;}
.node:hover{transform:scale(1.03);filter:brightness(1.3);}
.node .icon{margin-right:4px;}

.node.nlc-a{background:rgba(30,64,175,0.28);border-color:rgba(147,197,253,0.35);}
.node.nlc{background:rgba(30,58,138,0.28);border-color:rgba(96,165,250,0.35);}
.node.dw{background:rgba(120,53,15,0.30);border-color:rgba(251,191,36,0.35);}
.node.nccm{background:rgba(6,78,59,0.28);border-color:rgba(110,231,183,0.35);}
.node.neldc{background:rgba(127,29,29,0.28);border-color:rgba(252,165,165,0.35);}
.node.mlj{background:rgba(76,29,149,0.28);border-color:rgba(196,132,252,0.35);}
.node.mlj-g{background:rgba(131,24,67,0.28);border-color:rgba(249,168,212,0.35);}

.node.future{border-style:dashed;opacity:0.45;background:transparent;}
.node.wsg{font-size:22px;font-weight:600;padding:13px 28px;}

.tarawih-shine{background:linear-gradient(135deg,#065f46,#059669) !important;border-color:#34d399 !important;font-size:24px !important;padding:18px 36px !important;opacity:1 !important;animation:tarawih-pulse 2s ease infinite,fadeUp 0.5s ease both !important;}

#n-aisl{left:60px;top:1699px;}
#n-isd{left:60px;top:1861px;}
#n-aqs{left:60px;top:2023px;}
#n-quest{left:60px;top:2185px;}
#n-monthly{left:60px;top:2347px;}
#n-naseehaX{left:60px;top:2509px;}
#n-school-f{left:60px;top:2671px;}
#n-tti-f{left:60px;top:2833px;}
#n-college{left:60px;top:2995px;}

#n-pubs{left:624px;top:1699px;}
#n-think{left:624px;top:1915px;}
#n-researchC{left:624px;top:2131px;}

#n-podcasts{left:1188px;top:1699px;}
#n-social{left:1188px;top:1861px;}
#n-media-train{left:1188px;top:2023px;}

#n-scholar{left:1188px;top:2563px;}
#n-history{left:1188px;top:2725px;}
#n-seerah{left:1188px;top:2887px;}

#n-school{left:1771px;top:1699px;}
#n-uni{left:1771px;top:1861px;}
#n-explore{left:1771px;top:2023px;}
#n-change{left:1771px;top:2185px;}
#n-rise{left:1771px;top:2347px;}
#n-wsg-dw{left:1771px;top:2509px;}

#n-marriage{left:2432px;top:1699px;}
#n-counsel{left:2432px;top:1861px;}
#n-family{left:2432px;top:2023px;}

#n-wsg{left:2898px;top:1699px;}
#n-ittekaf{left:2898px;top:1861px;}
#n-tarawih{left:2898px;top:2023px;}
#n-ramadan{left:2898px;top:2185px;}

#n-shift{left:3598px;top:1699px;}
#n-corp{left:3598px;top:1861px;}
#n-connect{left:3598px;top:2023px;}
#n-entrep{left:3598px;top:2185px;}
#n-incubator{left:3598px;top:2347px;}
#n-corp-train{left:3598px;top:2509px;}

#n-fis{left:4609px;top:1699px;}
#n-rihla{left:4609px;top:1861px;}
#n-short{left:4609px;top:2023px;}
#n-retreat{left:4609px;top:2185px;}
#n-bookclub{left:4609px;top:2347px;}
#n-halaqa{left:4609px;top:2509px;}
#n-mothers{left:4609px;top:2671px;}

#n-maktab{left:5329px;top:1699px;}
#n-faithful{left:5329px;top:1861px;}
#n-food{left:5329px;top:2023px;}
#n-friday{left:5329px;top:2185px;}
#n-ilmhive{left:5329px;top:2347px;}

#hint{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:9999;background:rgba(4,8,26,0.7);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.06);border-radius:40px;padding:12px 32px;color:rgba(112,144,170,0.6);font-size:14px;letter-spacing:3px;text-transform:uppercase;font-family:'Outfit',sans-serif;transition:opacity 1s ease;pointer-events:none;}

#landing-overlay{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;transition:opacity 0.8s ease;padding-top:80px;background:rgba(4,8,26,0.85);backdrop-filter:blur(20px);}
#landing-overlay.hidden{opacity:0;pointer-events:none;}
#landing-overlay .landing-title{font-size:clamp(28px,4.5vw,64px);font-weight:800;letter-spacing:clamp(4px,1.5vw,16px);text-transform:uppercase;background:linear-gradient(90deg,#93c5fd 0%,#ffffff 30%,#c4b5fd 55%,#ffffff 80%,#93c5fd 100%);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 8s ease infinite;text-align:center;margin-bottom:4px;}
#landing-overlay .landing-sub{font-size:clamp(14px,2vw,28px);color:rgba(160,195,240,0.75);letter-spacing:clamp(3px,0.8vw,10px);font-weight:600;text-align:center;text-transform:uppercase;margin-bottom:clamp(30px,5vh,60px);}
#landing-overlay .landing-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(20px,4vh,50px);}
#landing-overlay .landing-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:280px;padding:16px 32px;border-radius:50px;font-family:'Outfit',sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;transition:all 0.3s ease;}
#landing-overlay .landing-btn:hover{transform:scale(1.04);filter:brightness(1.2);}
#landing-overlay .btn-explore{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 0 30px rgba(59,130,246,0.5),0 0 80px rgba(59,130,246,0.2);}
#landing-overlay .btn-full{background:rgba(255,255,255,0.06);color:rgba(200,215,240,0.85);border:1px solid rgba(255,255,255,0.12);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(255,255,255,0.04);}
#landing-overlay .btn-contact{background:transparent;color:rgba(160,195,240,0.55);font-size:13px;font-weight:500;letter-spacing:1.5px;border:none;cursor:pointer;margin-top:20px;padding:8px 20px;transition:color 0.2s;}
#landing-overlay .btn-contact:hover{color:rgba(200,220,255,0.9);}

#contact-card{position:fixed;z-index:1100;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);opacity:0;pointer-events:none;background:rgba(8,14,36,0.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.10);border-radius:20px;padding:36px 44px;min-width:300px;text-align:center;transition:all 0.3s ease;font-family:'Outfit',sans-serif;}
#contact-card.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
#contact-card .contact-close{position:absolute;top:12px;right:16px;cursor:pointer;color:rgba(255,255,255,0.35);font-size:20px;transition:color 0.2s;background:none;border:none;font-family:'Outfit',sans-serif;}
#contact-card .contact-close:hover{color:#fff;}
#contact-card .contact-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;}
#contact-card .contact-role{font-size:13px;font-weight:500;color:rgba(160,195,240,0.65);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;}
#contact-card .contact-phone{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:rgba(147,197,253,0.9);letter-spacing:1px;text-decoration:none;transition:color 0.2s;}
#contact-card .contact-phone:hover{color:#fff;}
#contact-card-backdrop{position:fixed;inset:0;z-index:1050;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
#contact-card-backdrop.visible{opacity:1;pointer-events:auto;}

#contact-float{position:fixed;bottom:20px;right:20px;z-index:800;background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.10);border-radius:30px;padding:8px 18px;font-family:'Outfit',sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(160,195,240,0.5);cursor:pointer;transition:all 0.3s ease;display:none;}
#contact-float:hover{color:rgba(200,220,255,0.9);border-color:rgba(255,255,255,0.2);}

.presenter-hidden{opacity:0 !important;pointer-events:none !important;transition:opacity 0.6s ease;}

#presenter-progress{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;flex-direction:column;align-items:center;gap:8px;display:none;}
#presenter-progress .label{font-size:13px;opacity:0.6;letter-spacing:2px;text-transform:uppercase;font-family:'Outfit',sans-serif;color:rgba(190,210,240,0.85);}
#presenter-progress .dots{display:flex;gap:6px;align-items:center;}
#presenter-progress .dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);background:transparent;cursor:pointer;transition:all 0.3s ease;}
#presenter-progress .dot.past{background:rgba(255,255,255,0.4);border-color:rgba(255,255,255,0.4);}
#presenter-progress .dot.current{background:#fff;border-color:#fff;width:10px;height:10px;box-shadow:0 0 8px rgba(255,255,255,0.5);}
#scene-counter{position:fixed;top:20px;right:80px;z-index:1000;font-size:14px;opacity:0.4;font-family:'Outfit',monospace;color:rgba(190,210,240,0.85);display:none;}

#presenter-fullscreen-btn{position:fixed;top:20px;right:20px;z-index:1100;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all 0.3s ease;color:rgba(190,210,240,0.6);}
#presenter-fullscreen-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);color:rgba(220,235,255,0.9);}
#presenter-fullscreen-btn svg{width:20px;height:20px;}

@media(max-width:899px){
  #scale-wrapper{display:none !important;}
  .url-label{display:none !important;}
  #hint{display:none !important;}
  #landing-overlay{display:none !important;}
  #contact-float{display:none !important;}
  #planet-bar{display:none !important;}
  #support-pillar-btn{display:none !important;}
  #support-modal{display:none !important;}
  #support-modal-backdrop{display:none !important;}
  #coming-soon-toast{display:none !important;}
  #explore-nav{display:none !important;}
  .mobile-explorer{display:block !important;}
}
@media(min-width:900px){
  .mobile-explorer{display:none !important;}
}

#explore-nav{position:fixed;top:16px;left:16px;z-index:1000;display:none;align-items:center;gap:0;background:rgba(4,8,26,0.85);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.10);border-radius:12px;padding:8px 16px;font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;color:rgba(190,210,240,0.85);letter-spacing:0.5px;}
#explore-nav .nav-back{cursor:pointer;color:rgba(147,197,253,0.9);transition:color 0.2s;font-size:18px;line-height:1;padding-right:10px;}
#explore-nav .nav-back:hover{color:#fff;}
#explore-nav .nav-divider{width:1px;height:18px;background:rgba(255,255,255,0.15);margin:0 10px 0 0;}
#explore-nav .nav-home{cursor:pointer;color:rgba(147,197,253,0.9);transition:color 0.2s;font-size:16px;line-height:1;}
#explore-nav .nav-home:hover{color:#fff;}
#explore-nav .nav-sep{margin:0 6px;color:rgba(255,255,255,0.25);font-size:13px;}
#explore-nav .nav-planet{color:rgba(190,210,240,0.75);cursor:pointer;transition:color 0.2s;}
#explore-nav .nav-planet:hover{color:#fff;}
#explore-nav .nav-section{color:rgba(255,255,255,0.45);}

#planet-bar{position:fixed;top:56px;left:50%;transform:translateX(-50%);z-index:999;display:none;align-items:center;gap:12px;border-radius:30px;padding:10px 28px;font-family:'Outfit',sans-serif;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.12);transition:opacity 0.4s ease;}
#planet-bar .pb-name{font-size:16px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;}
#planet-bar .pb-sub{font-size:12px;font-weight:500;color:rgba(255,255,255,0.6);letter-spacing:0.5px;}

#support-pillar-btn{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:999;display:none;align-items:center;gap:8px;padding:12px 28px;border-radius:40px;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;cursor:pointer;border:none;transition:all 0.3s ease;box-shadow:0 0 30px rgba(255,255,255,0.08);}
#support-pillar-btn:hover{transform:translateX(-50%) scale(1.05);filter:brightness(1.15);}

#support-modal-backdrop{position:fixed;inset:0;z-index:1050;background:rgba(0,0,0,0.6);opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
#support-modal-backdrop.visible{opacity:1;pointer-events:auto;}
#support-modal{position:fixed;z-index:1100;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);opacity:0;pointer-events:none;background:rgba(8,14,36,0.97);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.10);border-radius:20px;padding:32px 36px;width:380px;max-width:90vw;max-height:85vh;overflow-y:auto;transition:all 0.3s ease;font-family:'Outfit',sans-serif;}
#support-modal.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
#support-modal .sm-close{position:absolute;top:12px;right:16px;cursor:pointer;color:rgba(255,255,255,0.35);font-size:20px;transition:color 0.2s;background:none;border:none;font-family:'Outfit',sans-serif;}
#support-modal .sm-close:hover{color:#fff;}
#support-modal .sm-title{font-size:20px;font-weight:700;margin-bottom:4px;}
#support-modal .sm-sub{font-size:13px;color:rgba(160,195,240,0.6);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;}
#support-modal .sm-field{width:100%;padding:12px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);border-radius:10px;color:#E0F2FE;font-size:14px;font-family:'Outfit',sans-serif;margin-bottom:10px;outline:none;transition:border-color 0.2s;}
#support-modal .sm-field:focus{border-color:rgba(255,255,255,0.25);}
#support-modal select.sm-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
#support-modal select.sm-field option{background:#0a1128;color:#E0F2FE;}
#support-modal .sm-type-row{display:flex;gap:8px;margin-bottom:10px;}
#support-modal .sm-type-btn{flex:1;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Outfit',sans-serif;border:1px solid rgba(255,255,255,0.15);background:transparent;color:rgba(255,255,255,0.6);transition:all 0.2s;}
#support-modal .sm-type-btn.active{color:#fff;}
#support-modal .sm-submit{width:100%;padding:14px;border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:'Outfit',sans-serif;margin-top:4px;transition:filter 0.2s;}
#support-modal .sm-submit:hover{filter:brightness(1.15);}
#support-modal .sm-error{color:#ef4444;font-size:12px;margin-top:8px;}
#support-modal .sm-other-text{display:none;width:100%;padding:10px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);border-radius:10px;color:#E0F2FE;font-size:13px;font-family:'Outfit',sans-serif;margin-bottom:10px;outline:none;resize:none;}

#coming-soon-toast{display:none !important;}

.card-container{position:absolute;z-index:50;perspective:1000px;}
.card-inner{position:relative;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d;}
.card-inner.flipped{transform:rotateY(180deg);}
.card-front,.card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.card-front{position:relative;}
.card-back{transform:rotateY(180deg);position:absolute;top:0;left:0;width:380px;background:rgba(4,8,26,0.95);backdrop-filter:blur(16px);border-radius:14px;padding:20px 24px;font-family:'Outfit',sans-serif;}
.card-back .cb-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;}
.card-back .cb-name{font-size:17px;font-weight:700;flex:1;line-height:1.3;}
.card-back .cb-close{background:none;border:none;color:rgba(255,255,255,0.35);font-size:18px;cursor:pointer;padding:0 0 0 8px;line-height:1;transition:color 0.2s;}
.card-back .cb-close:hover{color:#fff;}
.card-back .cb-status{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-bottom:10px;}
.card-back .cb-status.current{color:#fff;}
.card-back .cb-status.future{background:transparent;border:1px dashed rgba(255,255,255,0.25);color:rgba(255,255,255,0.4);}
.card-back .cb-desc{font-size:14px;font-weight:400;color:rgba(255,255,255,0.6);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.card-back .cb-divider{height:1px;background:rgba(255,255,255,0.06);margin:14px 0;}
.card-back .cb-cta{width:100%;padding:10px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:'Outfit',sans-serif;transition:filter 0.2s;}
.card-back .cb-cta:hover{filter:brightness(1.15);}
.card-back .cb-form{margin-top:12px;}
.card-back .cb-form input,.card-back .cb-form textarea{width:100%;padding:8px 12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);border-radius:8px;color:#E0F2FE;font-size:13px;font-family:'Outfit',sans-serif;margin-bottom:8px;outline:none;transition:border-color 0.2s;}
.card-back .cb-form input:focus,.card-back .cb-form textarea:focus{border-color:rgba(255,255,255,0.25);}
.card-back .cb-form textarea{resize:none;}
.card-back .cb-type-row{display:flex;gap:8px;margin-bottom:8px;}
.card-back .cb-type-btn{flex:1;padding:8px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Outfit',sans-serif;border:1px solid rgba(255,255,255,0.15);background:transparent;color:rgba(255,255,255,0.6);transition:all 0.2s;}
.card-back .cb-submit{width:100%;padding:10px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:'Outfit',sans-serif;transition:filter 0.2s;}
.card-back .cb-submit:hover{filter:brightness(1.15);}
.card-back .cb-error{color:#ef4444;font-size:12px;margin-top:6px;}

#explore-hint{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:1000;background:rgba(4,8,26,0.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.04);border-radius:30px;padding:8px 22px;color:rgba(112,144,170,0.45);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-family:'Outfit',sans-serif;transition:opacity 0.8s ease;pointer-events:none;}

.mobile-explorer{display:none;background:#04081A;min-height:100vh;font-family:'Outfit',sans-serif;color:#fff;}
.mobile-back{position:sticky;top:0;z-index:100;width:100%;background:rgba(4,8,26,0.95);backdrop-filter:blur(12px);padding:14px 20px;padding-top:calc(env(safe-area-inset-top, 0px) + 14px);border-bottom:1px solid rgba(255,255,255,0.06);font-size:15px;font-weight:600;color:rgba(190,210,240,0.85);cursor:pointer;display:none;}
.mobile-content{padding:20px;padding-top:calc(env(safe-area-inset-top, 0px) + 20px);overflow-y:auto;}