/* majlis.click — Tema Zukhruf: Hijau zamrud pekat & bintang geometri emas (dijana oleh gen20.py) */
:root {
  --bg: #0E3B2E;
  --bg-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Crect width=%2240%22 height=%2240%22 fill=%22none%22/%3E%3Cpolygon points=%2220.0,6.0 23.9,10.7 29.9,10.1 29.3,16.1 34.0,20.0 29.3,23.9 29.9,29.9 23.9,29.3 20.0,34.0 16.1,29.3 10.1,29.9 10.7,23.9 6.0,20.0 10.7,16.1 10.1,10.1 16.1,10.7%22 fill=%22none%22 stroke=%22rgba(215,180,106,.9)%22 stroke-width=%220.8%22 opacity=%220.18%22/%3E%3Cpath d=%22M20.0 0L40 20.0L20.0 40L0 20.0Z%22 fill=%22none%22 stroke=%22rgba(215,180,106,.9)%22 stroke-width=%220.6%22 opacity=%220.144%22/%3E%3Ccircle cx=%220%22 cy=%220%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3Ccircle cx=%2240%22 cy=%220%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3Ccircle cx=%220%22 cy=%2240%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3Ccircle cx=%2240%22 cy=%2240%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3C/svg%3E");
  --bg-size: 40px 40px;
  --bg-pos: 0 0;
  --text: #F0F2EA;
  --text-mute: #B3C4B8;
  --accent: #D7B46A;
  --accent-lt: #EACB8A;
  --on-accent: #0A2920;
  --script: #F2E2B8;
  --amp: #D7B46A;
  --panel: #154A3A;
  --arch-bg: rgba(8,42,32,0.6);
  --deep: #082A20;
  --closing-bg: rgba(8,42,32,0.82);
  --nav-icon: #EACB8A;
  --nav-text: #F0F2EA;
  --paper: #FBF8F1;
  --paper-ink: #0E3B2E;
  --paper-mute: #6E8982;
  --paper-line: #F5ECD9;
  --paper-label: #8A6C2A;
  --paper-border: rgba(215,180,106,0.7);
  --field-line: #EEE0C2;
  --primary: #124A38;
  --on-primary: #FFFFFF;
  --primary-soft: #E8EAE2;
  --overlay: rgba(7,30,23,0.93);
  --radius: 4px;
  --f-script: 'Great Vibes', cursive;
}
.t-zukhruf .script { background: linear-gradient(180deg, #F1DDB3, #D7B46A 70%, #B09457); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 6px; }
.t-zukhruf .bismillah { color: #EACB8A; }
.t-zukhruf .cover { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Crect width=%2240%22 height=%2240%22 fill=%22none%22/%3E%3Cpolygon points=%2220.0,6.0 23.9,10.7 29.9,10.1 29.3,16.1 34.0,20.0 29.3,23.9 29.9,29.9 23.9,29.3 20.0,34.0 16.1,29.3 10.1,29.9 10.7,23.9 6.0,20.0 10.7,16.1 10.1,10.1 16.1,10.7%22 fill=%22none%22 stroke=%22rgba(215,180,106,.9)%22 stroke-width=%220.8%22 opacity=%220.18%22/%3E%3Cpath d=%22M20.0 0L40 20.0L20.0 40L0 20.0Z%22 fill=%22none%22 stroke=%22rgba(215,180,106,.9)%22 stroke-width=%220.6%22 opacity=%220.144%22/%3E%3Ccircle cx=%220%22 cy=%220%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3Ccircle cx=%2240%22 cy=%220%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3Ccircle cx=%220%22 cy=%2240%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3Ccircle cx=%2240%22 cy=%2240%22 r=%221.4%22 fill=%22rgba(215,180,106,.9)%22 opacity=%220.18%22/%3E%3C/svg%3E"); background-size: 40px 40px; }
.t-zukhruf .corner { display: none; }
.t-zukhruf .cover::before, .t-zukhruf .cover::after, .t-zukhruf .closing::before, .t-zukhruf .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 160 160%22%3E%3Cg fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 150V2H150%22/%3E%3Cpath d=%22M12 150V12H150%22 stroke-width=%22.7%22/%3E%3C/g%3E%3Cpolygon points=%2248.0,22.0 55.2,30.7 66.4,29.6 65.3,40.8 74.0,48.0 65.3,55.2 66.4,66.4 55.2,65.3 48.0,74.0 40.8,65.3 29.6,66.4 30.7,55.2 22.0,48.0 30.7,40.8 29.6,29.6 40.8,30.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221.2%22 opacity=%221%22/%3E%3Cpolygon points=%2248.0,32.0 52.4,37.4 59.3,36.7 58.6,43.6 64.0,48.0 58.6,52.4 59.3,59.3 52.4,58.6 48.0,64.0 43.6,58.6 36.7,59.3 37.4,52.4 32.0,48.0 37.4,43.6 36.7,36.7 43.6,37.4%22 fill=%22rgba(215,180,106,.25)%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2248.0,42.0 49.7,44.0 52.2,43.8 52.0,46.3 54.0,48.0 52.0,49.7 52.2,52.2 49.7,52.0 48.0,54.0 46.3,52.0 43.8,52.2 44.0,49.7 42.0,48.0 44.0,46.3 43.8,43.8 46.3,44.0%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%22100.0,14.0 102.2,16.7 105.7,16.3 105.3,19.8 108.0,22.0 105.3,24.2 105.7,27.7 102.2,27.3 100.0,30.0 97.8,27.3 94.3,27.7 94.7,24.2 92.0,22.0 94.7,19.8 94.3,16.3 97.8,16.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%220.9%22 opacity=%221%22/%3E%3Cpolygon points=%2222.0,92.0 24.2,94.7 27.7,94.3 27.3,97.8 30.0,100.0 27.3,102.2 27.7,105.7 24.2,105.3 22.0,108.0 19.8,105.3 16.3,105.7 16.7,102.2 14.0,100.0 16.7,97.8 16.3,94.3 19.8,94.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%220.9%22 opacity=%221%22/%3E%3Cpolygon points=%22130.0,18.0 131.1,19.3 132.8,19.2 132.7,20.9 134.0,22.0 132.7,23.1 132.8,24.8 131.1,24.7 130.0,26.0 128.9,24.7 127.2,24.8 127.3,23.1 126.0,22.0 127.3,20.9 127.2,19.2 128.9,19.3%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2222.0,126.0 23.1,127.3 24.8,127.2 24.7,128.9 26.0,130.0 24.7,131.1 24.8,132.8 23.1,132.7 22.0,134.0 20.9,132.7 19.2,132.8 19.3,131.1 18.0,130.0 19.3,128.9 19.2,127.2 20.9,127.3%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3C/svg%3E") no-repeat center / contain; }
.t-zukhruf .cover::before { left: -6px; top: -6px; }
.t-zukhruf .cover::after { right: -6px; bottom: -6px; transform: rotate(180deg); }
.has-preview.t-zukhruf .cover::before { top: 54px; }
.t-zukhruf .arch { border-color: #D7B46A; box-shadow: 0 24px 60px rgba(0,0,0,0.35); }
.t-zukhruf .arch::before { border-color: rgba(215,180,106,0.45); }
.t-zukhruf .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 36%22%3E%3Cg stroke=%22%23D7B46A%22 stroke-width=%221%22%3E%3Cpath d=%22M0 18H60M100 18H160%22/%3E%3C/g%3E%3Cpolygon points=%2280.0,6.0 83.3,10.0 88.5,9.5 88.0,14.7 92.0,18.0 88.0,21.3 88.5,26.5 83.3,26.0 80.0,30.0 76.7,26.0 71.5,26.5 72.0,21.3 68.0,18.0 72.0,14.7 71.5,9.5 76.7,10.0%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221%22 opacity=%221%22/%3E%3Cpolygon points=%2280.0,13.0 81.4,14.7 83.5,14.5 83.3,16.6 85.0,18.0 83.3,19.4 83.5,21.5 81.4,21.3 80.0,23.0 78.6,21.3 76.5,21.5 76.7,19.4 75.0,18.0 76.7,16.6 76.5,14.5 78.6,14.7%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3C/svg%3E") no-repeat center / contain; z-index: 2; }
.t-zukhruf .monogram { border-color: #D7B46A; color: #EACB8A; }
.t-zukhruf .photo-arch { border-color: #D7B46A; box-shadow: 0 24px 60px rgba(0,0,0,0.35); }
.t-zukhruf .arch { border-radius: 0; border: 1px solid #D7B46A; outline: 1px solid rgba(215,180,106,0.6); outline-offset: 5px; }
.t-zukhruf .arch::before { border-radius: 0; inset: 12px; border-color: rgba(215,180,106,0.35); }
.t-zukhruf .photo-arch { border-radius: 0; outline: 1px solid rgba(215,180,106,0.6); outline-offset: 5px; }
.t-zukhruf .photo-arch img { border-radius: 0; }
.t-zukhruf .divider { color: #D7B46A; }
.t-zukhruf .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 36%22%3E%3Cg stroke=%22%23D7B46A%22 stroke-width=%221%22%3E%3Cpath d=%22M0 18H60M100 18H160%22/%3E%3C/g%3E%3Cpolygon points=%2280.0,6.0 83.3,10.0 88.5,9.5 88.0,14.7 92.0,18.0 88.0,21.3 88.5,26.5 83.3,26.0 80.0,30.0 76.7,26.0 71.5,26.5 72.0,21.3 68.0,18.0 72.0,14.7 71.5,9.5 76.7,10.0%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221%22 opacity=%221%22/%3E%3Cpolygon points=%2280.0,13.0 81.4,14.7 83.5,14.5 83.3,16.6 85.0,18.0 83.3,19.4 83.5,21.5 81.4,21.3 80.0,23.0 78.6,21.3 76.5,21.5 76.7,19.4 75.0,18.0 76.7,16.6 76.5,14.5 78.6,14.7%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3C/svg%3E") no-repeat center / contain; margin-bottom: -4px; }
.t-zukhruf .btn-gold, .t-zukhruf .nav-bubble { background: linear-gradient(135deg, #E3CA97, #D7B46A 55%, #B09457); color: var(--on-accent); }
.t-zukhruf .btn-gold { box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.t-zukhruf .cd { background: #154A3A; } .t-zukhruf .cd b { color: #EACB8A; }
.t-zukhruf .wish { border-left: 3px solid #D7B46A; }
.t-zukhruf .thanks-script { color: #EACB8A; } .t-zukhruf .paper .thanks-script { color: var(--primary); }
.t-zukhruf .paper { outline: 1px solid rgba(215,180,106,0.5); outline-offset: -7px; padding: 28px 24px; } .t-zukhruf .paper-tight { padding: 18px; }
.t-zukhruf .closing { position: relative; overflow: hidden; } .t-zukhruf .closing > * { position: relative; }
.t-zukhruf .closing::before { left: -30px; top: -30px; width: 150px; height: 150px; } .t-zukhruf .closing::after { right: -30px; bottom: -30px; width: 150px; height: 150px; transform: rotate(180deg); }
.t-zukhruf .fx-d { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 160%22%3E%3Cg fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 150V2H150%22/%3E%3Cpath d=%22M12 150V12H150%22 stroke-width=%22.7%22/%3E%3C/g%3E%3Cpolygon points=%2248.0,22.0 55.2,30.7 66.4,29.6 65.3,40.8 74.0,48.0 65.3,55.2 66.4,66.4 55.2,65.3 48.0,74.0 40.8,65.3 29.6,66.4 30.7,55.2 22.0,48.0 30.7,40.8 29.6,29.6 40.8,30.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221.2%22 opacity=%221%22/%3E%3Cpolygon points=%2248.0,32.0 52.4,37.4 59.3,36.7 58.6,43.6 64.0,48.0 58.6,52.4 59.3,59.3 52.4,58.6 48.0,64.0 43.6,58.6 36.7,59.3 37.4,52.4 32.0,48.0 37.4,43.6 36.7,36.7 43.6,37.4%22 fill=%22rgba(215,180,106,.25)%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2248.0,42.0 49.7,44.0 52.2,43.8 52.0,46.3 54.0,48.0 52.0,49.7 52.2,52.2 49.7,52.0 48.0,54.0 46.3,52.0 43.8,52.2 44.0,49.7 42.0,48.0 44.0,46.3 43.8,43.8 46.3,44.0%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%22100.0,14.0 102.2,16.7 105.7,16.3 105.3,19.8 108.0,22.0 105.3,24.2 105.7,27.7 102.2,27.3 100.0,30.0 97.8,27.3 94.3,27.7 94.7,24.2 92.0,22.0 94.7,19.8 94.3,16.3 97.8,16.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%220.9%22 opacity=%221%22/%3E%3Cpolygon points=%2222.0,92.0 24.2,94.7 27.7,94.3 27.3,97.8 30.0,100.0 27.3,102.2 27.7,105.7 24.2,105.3 22.0,108.0 19.8,105.3 16.3,105.7 16.7,102.2 14.0,100.0 16.7,97.8 16.3,94.3 19.8,94.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%220.9%22 opacity=%221%22/%3E%3Cpolygon points=%22130.0,18.0 131.1,19.3 132.8,19.2 132.7,20.9 134.0,22.0 132.7,23.1 132.8,24.8 131.1,24.7 130.0,26.0 128.9,24.7 127.2,24.8 127.3,23.1 126.0,22.0 127.3,20.9 127.2,19.2 128.9,19.3%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2222.0,126.0 23.1,127.3 24.8,127.2 24.7,128.9 26.0,130.0 24.7,131.1 24.8,132.8 23.1,132.7 22.0,134.0 20.9,132.7 19.2,132.8 19.3,131.1 18.0,130.0 19.3,128.9 19.2,127.2 20.9,127.3%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3C/svg%3E") no-repeat center / contain; opacity: .4; }
body.t-zukhruf { --page-orn: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 160%22%3E%3Cg fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221.2%22%3E%3Cpath d=%22M2 150V2H150%22/%3E%3Cpath d=%22M12 150V12H150%22 stroke-width=%22.7%22/%3E%3C/g%3E%3Cpolygon points=%2248.0,22.0 55.2,30.7 66.4,29.6 65.3,40.8 74.0,48.0 65.3,55.2 66.4,66.4 55.2,65.3 48.0,74.0 40.8,65.3 29.6,66.4 30.7,55.2 22.0,48.0 30.7,40.8 29.6,29.6 40.8,30.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%221.2%22 opacity=%221%22/%3E%3Cpolygon points=%2248.0,32.0 52.4,37.4 59.3,36.7 58.6,43.6 64.0,48.0 58.6,52.4 59.3,59.3 52.4,58.6 48.0,64.0 43.6,58.6 36.7,59.3 37.4,52.4 32.0,48.0 37.4,43.6 36.7,36.7 43.6,37.4%22 fill=%22rgba(215,180,106,.25)%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2248.0,42.0 49.7,44.0 52.2,43.8 52.0,46.3 54.0,48.0 52.0,49.7 52.2,52.2 49.7,52.0 48.0,54.0 46.3,52.0 43.8,52.2 44.0,49.7 42.0,48.0 44.0,46.3 43.8,43.8 46.3,44.0%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%22100.0,14.0 102.2,16.7 105.7,16.3 105.3,19.8 108.0,22.0 105.3,24.2 105.7,27.7 102.2,27.3 100.0,30.0 97.8,27.3 94.3,27.7 94.7,24.2 92.0,22.0 94.7,19.8 94.3,16.3 97.8,16.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%220.9%22 opacity=%221%22/%3E%3Cpolygon points=%2222.0,92.0 24.2,94.7 27.7,94.3 27.3,97.8 30.0,100.0 27.3,102.2 27.7,105.7 24.2,105.3 22.0,108.0 19.8,105.3 16.3,105.7 16.7,102.2 14.0,100.0 16.7,97.8 16.3,94.3 19.8,94.7%22 fill=%22none%22 stroke=%22%23D7B46A%22 stroke-width=%220.9%22 opacity=%221%22/%3E%3Cpolygon points=%22130.0,18.0 131.1,19.3 132.8,19.2 132.7,20.9 134.0,22.0 132.7,23.1 132.8,24.8 131.1,24.7 130.0,26.0 128.9,24.7 127.2,24.8 127.3,23.1 126.0,22.0 127.3,20.9 127.2,19.2 128.9,19.3%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3Cpolygon points=%2222.0,126.0 23.1,127.3 24.8,127.2 24.7,128.9 26.0,130.0 24.7,131.1 24.8,132.8 23.1,132.7 22.0,134.0 20.9,132.7 19.2,132.8 19.3,131.1 18.0,130.0 19.3,128.9 19.2,127.2 20.9,127.3%22 fill=%22%23D7B46A%22 stroke=%22%23D7B46A%22 stroke-width=%220.8%22 opacity=%221%22/%3E%3C/svg%3E"); --page-orn-op: .2; }