/* majlis.click — Tema Kubah: Biru malam, kubah masjid & emas (dijana oleh gen20.py) */
:root {
  --bg: #15243F;
  --bg-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 50 50%22%3E%3Cpolygon points=%2225.0,15.0 27.8,18.3 32.1,17.9 31.7,22.2 35.0,25.0 31.7,27.8 32.1,32.1 27.8,31.7 25.0,35.0 22.2,31.7 17.9,32.1 18.3,27.8 15.0,25.0 18.3,22.2 17.9,17.9 22.2,18.3%22 fill=%22none%22 stroke=%22rgba(224,194,122,.22)%22 stroke-width=%220.6%22 opacity=%221%22/%3E%3C/svg%3E");
  --bg-size: 50px 50px;
  --bg-pos: 0 0;
  --text: #F1EEE4;
  --text-mute: #B8BFCF;
  --accent: #E0C27A;
  --accent-lt: #F0D89E;
  --on-accent: #0F192C;
  --script: #F4E3B8;
  --amp: #E0C27A;
  --panel: #1D3052;
  --arch-bg: rgba(13,24,44,0.6);
  --deep: #0D182C;
  --closing-bg: rgba(13,24,44,0.82);
  --nav-icon: #F0D89E;
  --nav-text: #F1EEE4;
  --paper: #FBF8F1;
  --paper-ink: #15243F;
  --paper-mute: #737C8C;
  --paper-line: #F6EEDC;
  --paper-label: #8A6C2A;
  --paper-border: rgba(224,194,122,0.7);
  --field-line: #F2E5C7;
  --primary: #1E3566;
  --on-primary: #FFFFFF;
  --primary-soft: #E9E8E6;
  --overlay: rgba(10,18,32,0.93);
  --radius: 14px;
  --f-script: 'Pinyon Script', cursive;
  --f-label: 'Marcellus', Georgia, serif;
}
.t-kubah .eyebrow, .t-kubah .k { font-family: var(--f-label); }
.t-kubah .script { background: linear-gradient(180deg, #F5E6C0, #E0C27A 70%, #B89F64); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 6px; }
.t-kubah .bismillah { color: #F0D89E; }
.t-kubah .cover { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 50 50%22%3E%3Cpolygon points=%2225.0,15.0 27.8,18.3 32.1,17.9 31.7,22.2 35.0,25.0 31.7,27.8 32.1,32.1 27.8,31.7 25.0,35.0 22.2,31.7 17.9,32.1 18.3,27.8 15.0,25.0 18.3,22.2 17.9,17.9 22.2,18.3%22 fill=%22none%22 stroke=%22rgba(224,194,122,.22)%22 stroke-width=%220.6%22 opacity=%221%22/%3E%3C/svg%3E"); background-size: 50px 50px; }
.t-kubah .corner { display: none; }
.t-kubah .cover::before, .t-kubah .cover::after, .t-kubah .closing::before, .t-kubah .closing::after { content: ''; position: absolute; width: 210px; height: 210px; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 180 180%22%3E%3Cg fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.1%22%3E%3Cpath d=%22M2 160V36Q2 2 36 2H160%22/%3E%3C/g%3E%3Cg transform=%22translate(80.0 90.0) scale(1.1)%22 fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M-30 30V6C-30-12-14-22 0-30C14-22 30-12 30 6V30Z%22/%3E%3Cpath d=%22M0-30V-40%22/%3E%3Cpath d=%22M-3-40A3 3 0 1 0 3-40%22 fill=%22none%22/%3E%3Cpath d=%22M-10 30V14A10 10 0 0 1 10 14V30%22/%3E%3Cpath d=%22M-46 30V-14M-50 30V-10M-50-10H-42M-46-14L-46-24M-42 30V-10%22/%3E%3Cpath d=%22M-49-10L-46-18L-43-10Z%22/%3E%3Cpath d=%22M46 30V-14M50 30V-10M42-10H50M46-14V-24M42 30V-10%22/%3E%3Cpath d=%22M43-10L46-18L49-10Z%22/%3E%3Cpath d=%22M-56 30H56%22/%3E%3C/g%3E%3Cg transform=%22translate(80.0 30.0) rotate(-40)%22%3E%3Cpath d=%22M0 -7A7 7 0 1 0 0 7A5.46 5.46 0 1 1 0 -7Z%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%221%22/%3E%3C/g%3E%3Cpolygon points=%22140.0,25.0 141.4,26.7 143.5,26.5 143.3,28.6 145.0,30.0 143.3,31.4 143.5,33.5 141.4,33.3 140.0,35.0 138.6,33.3 136.5,33.5 136.7,31.4 135.0,30.0 136.7,28.6 136.5,26.5 138.6,26.7%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2230.0,135.0 31.4,136.7 33.5,136.5 33.3,138.6 35.0,140.0 33.3,141.4 33.5,143.5 31.4,143.3 30.0,145.0 28.6,143.3 26.5,143.5 26.7,141.4 25.0,140.0 26.7,138.6 26.5,136.5 28.6,136.7%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpath d=%22M150.0 66.0C150.6 69.4 150.6 69.4 154.0 70.0C150.6 70.6 150.6 70.6 150.0 74.0C149.4 70.6 149.4 70.6 146.0 70.0C149.4 69.4 149.4 69.4 150.0 66.0Z%22 fill=%22%23F2DFA8%22/%3E%3C/svg%3E") no-repeat center / contain; }
.t-kubah .cover::before { left: -6px; top: -6px; }
.t-kubah .cover::after { right: -6px; bottom: -6px; transform: rotate(180deg); }
.has-preview.t-kubah .cover::before { top: 54px; }
.t-kubah .arch { border-color: #E0C27A; box-shadow: 0 24px 60px rgba(0,0,0,0.35); }
.t-kubah .arch::before { border-color: rgba(224,194,122,0.45); }
.t-kubah .arch::after { content: ''; position: absolute; left: 50%; top: -24px; transform: translateX(-50%); width: 160px; height: 50px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 50%22%3E%3Cg transform=%22translate(80.0 26.0) scale(0.45)%22 fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M-30 30V6C-30-12-14-22 0-30C14-22 30-12 30 6V30Z%22/%3E%3Cpath d=%22M0-30V-40%22/%3E%3Cpath d=%22M-3-40A3 3 0 1 0 3-40%22 fill=%22none%22/%3E%3Cpath d=%22M-10 30V14A10 10 0 0 1 10 14V30%22/%3E%3Cpath d=%22M-46 30V-14M-50 30V-10M-50-10H-42M-46-14L-46-24M-42 30V-10%22/%3E%3Cpath d=%22M-49-10L-46-18L-43-10Z%22/%3E%3Cpath d=%22M46 30V-14M50 30V-10M42-10H50M46-14V-24M42 30V-10%22/%3E%3Cpath d=%22M43-10L46-18L49-10Z%22/%3E%3Cpath d=%22M-56 30H56%22/%3E%3C/g%3E%3Cpath d=%22M0 40H52M108 40H160%22 stroke=%22%23E0C27A%22 stroke-width=%221%22/%3E%3C/svg%3E") no-repeat center / contain; z-index: 2; }
.t-kubah .monogram { border-color: #E0C27A; color: #F0D89E; }
.t-kubah .photo-arch { border-color: #E0C27A; box-shadow: 0 24px 60px rgba(0,0,0,0.35); }
.t-kubah .divider { color: #E0C27A; }
.t-kubah .sec-head::before { content: ''; width: 130px; height: 40px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 50%22%3E%3Cg transform=%22translate(80.0 26.0) scale(0.45)%22 fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M-30 30V6C-30-12-14-22 0-30C14-22 30-12 30 6V30Z%22/%3E%3Cpath d=%22M0-30V-40%22/%3E%3Cpath d=%22M-3-40A3 3 0 1 0 3-40%22 fill=%22none%22/%3E%3Cpath d=%22M-10 30V14A10 10 0 0 1 10 14V30%22/%3E%3Cpath d=%22M-46 30V-14M-50 30V-10M-50-10H-42M-46-14L-46-24M-42 30V-10%22/%3E%3Cpath d=%22M-49-10L-46-18L-43-10Z%22/%3E%3Cpath d=%22M46 30V-14M50 30V-10M42-10H50M46-14V-24M42 30V-10%22/%3E%3Cpath d=%22M43-10L46-18L49-10Z%22/%3E%3Cpath d=%22M-56 30H56%22/%3E%3C/g%3E%3Cpath d=%22M0 40H52M108 40H160%22 stroke=%22%23E0C27A%22 stroke-width=%221%22/%3E%3C/svg%3E") no-repeat center / contain; margin-bottom: -4px; }
.t-kubah .btn-gold, .t-kubah .nav-bubble { background: linear-gradient(135deg, #E9D4A2, #E0C27A 55%, #B89F64); color: var(--on-accent); }
.t-kubah .btn-gold { box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.t-kubah .cd { background: #1D3052; } .t-kubah .cd b { color: #F0D89E; }
.t-kubah .wish { border-left: 3px solid #E0C27A; }
.t-kubah .thanks-script { color: #F0D89E; } .t-kubah .paper .thanks-script { color: var(--primary); }
.t-kubah .paper { outline: 1px solid rgba(224,194,122,0.5); outline-offset: -7px; padding: 28px 24px; } .t-kubah .paper-tight { padding: 18px; }
.t-kubah .closing { position: relative; overflow: hidden; } .t-kubah .closing > * { position: relative; }
.t-kubah .closing::before { left: -30px; top: -30px; width: 150px; height: 150px; } .t-kubah .closing::after { right: -30px; bottom: -30px; width: 150px; height: 150px; transform: rotate(180deg); }
.t-kubah .fx-d { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 180 180%22%3E%3Cg fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.1%22%3E%3Cpath d=%22M2 160V36Q2 2 36 2H160%22/%3E%3C/g%3E%3Cg transform=%22translate(80.0 90.0) scale(1.1)%22 fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M-30 30V6C-30-12-14-22 0-30C14-22 30-12 30 6V30Z%22/%3E%3Cpath d=%22M0-30V-40%22/%3E%3Cpath d=%22M-3-40A3 3 0 1 0 3-40%22 fill=%22none%22/%3E%3Cpath d=%22M-10 30V14A10 10 0 0 1 10 14V30%22/%3E%3Cpath d=%22M-46 30V-14M-50 30V-10M-50-10H-42M-46-14L-46-24M-42 30V-10%22/%3E%3Cpath d=%22M-49-10L-46-18L-43-10Z%22/%3E%3Cpath d=%22M46 30V-14M50 30V-10M42-10H50M46-14V-24M42 30V-10%22/%3E%3Cpath d=%22M43-10L46-18L49-10Z%22/%3E%3Cpath d=%22M-56 30H56%22/%3E%3C/g%3E%3Cg transform=%22translate(80.0 30.0) rotate(-40)%22%3E%3Cpath d=%22M0 -7A7 7 0 1 0 0 7A5.46 5.46 0 1 1 0 -7Z%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%221%22/%3E%3C/g%3E%3Cpolygon points=%22140.0,25.0 141.4,26.7 143.5,26.5 143.3,28.6 145.0,30.0 143.3,31.4 143.5,33.5 141.4,33.3 140.0,35.0 138.6,33.3 136.5,33.5 136.7,31.4 135.0,30.0 136.7,28.6 136.5,26.5 138.6,26.7%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2230.0,135.0 31.4,136.7 33.5,136.5 33.3,138.6 35.0,140.0 33.3,141.4 33.5,143.5 31.4,143.3 30.0,145.0 28.6,143.3 26.5,143.5 26.7,141.4 25.0,140.0 26.7,138.6 26.5,136.5 28.6,136.7%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpath d=%22M150.0 66.0C150.6 69.4 150.6 69.4 154.0 70.0C150.6 70.6 150.6 70.6 150.0 74.0C149.4 70.6 149.4 70.6 146.0 70.0C149.4 69.4 149.4 69.4 150.0 66.0Z%22 fill=%22%23F2DFA8%22/%3E%3C/svg%3E") no-repeat center / contain; opacity: .4; }
body.t-kubah { --page-orn: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 180 180%22%3E%3Cg fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.1%22%3E%3Cpath d=%22M2 160V36Q2 2 36 2H160%22/%3E%3C/g%3E%3Cg transform=%22translate(80.0 90.0) scale(1.1)%22 fill=%22none%22 stroke=%22%23E0C27A%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M-30 30V6C-30-12-14-22 0-30C14-22 30-12 30 6V30Z%22/%3E%3Cpath d=%22M0-30V-40%22/%3E%3Cpath d=%22M-3-40A3 3 0 1 0 3-40%22 fill=%22none%22/%3E%3Cpath d=%22M-10 30V14A10 10 0 0 1 10 14V30%22/%3E%3Cpath d=%22M-46 30V-14M-50 30V-10M-50-10H-42M-46-14L-46-24M-42 30V-10%22/%3E%3Cpath d=%22M-49-10L-46-18L-43-10Z%22/%3E%3Cpath d=%22M46 30V-14M50 30V-10M42-10H50M46-14V-24M42 30V-10%22/%3E%3Cpath d=%22M43-10L46-18L49-10Z%22/%3E%3Cpath d=%22M-56 30H56%22/%3E%3C/g%3E%3Cg transform=%22translate(80.0 30.0) rotate(-40)%22%3E%3Cpath d=%22M0 -7A7 7 0 1 0 0 7A5.46 5.46 0 1 1 0 -7Z%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%221%22/%3E%3C/g%3E%3Cpolygon points=%22140.0,25.0 141.4,26.7 143.5,26.5 143.3,28.6 145.0,30.0 143.3,31.4 143.5,33.5 141.4,33.3 140.0,35.0 138.6,33.3 136.5,33.5 136.7,31.4 135.0,30.0 136.7,28.6 136.5,26.5 138.6,26.7%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2230.0,135.0 31.4,136.7 33.5,136.5 33.3,138.6 35.0,140.0 33.3,141.4 33.5,143.5 31.4,143.3 30.0,145.0 28.6,143.3 26.5,143.5 26.7,141.4 25.0,140.0 26.7,138.6 26.5,136.5 28.6,136.7%22 fill=%22%23E0C27A%22 stroke=%22%23E0C27A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpath d=%22M150.0 66.0C150.6 69.4 150.6 69.4 154.0 70.0C150.6 70.6 150.6 70.6 150.0 74.0C149.4 70.6 149.4 70.6 146.0 70.0C149.4 69.4 149.4 69.4 150.0 66.0Z%22 fill=%22%23F2DFA8%22/%3E%3C/svg%3E"); --page-orn-op: .2; }