/* majlis.click — Tema Janji: Biru malam & bunga peoni merah jambu (dijana oleh gen20.py) */
:root {
  --bg: #1F2B45;
  --bg-image: none;
  --bg-size: auto;
  --bg-pos: 0 0;
  --text: #F4EEF0;
  --text-mute: #C3C6D6;
  --accent: #C9A86A;
  --accent-lt: #E6C88E;
  --on-accent: #161E30;
  --script: #F6D6DC;
  --amp: #C9A86A;
  --panel: #27365A;
  --arch-bg: rgba(20,28,48,0.6);
  --deep: #141C30;
  --closing-bg: rgba(20,28,48,0.82);
  --nav-icon: #E6C88E;
  --nav-text: #F4EEF0;
  --paper: #FBF8F1;
  --paper-ink: #1F2B45;
  --paper-mute: #79808F;
  --paper-line: #F2EAD9;
  --paper-label: #8C6D2E;
  --paper-border: rgba(201,168,106,0.7);
  --field-line: #EADCC2;
  --primary: #2A3A66;
  --on-primary: #FFFFFF;
  --primary-soft: #EAE9E6;
  --overlay: rgba(16,22,34,0.93);
  --radius: 18px;
  --f-script: 'Great Vibes', cursive;
}
.t-janji .bismillah { color: #E6C88E; }
.t-janji .corner { display: none; }
.t-janji .cover::before, .t-janji .cover::after, .t-janji .closing::before, .t-janji .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 210 210%22%3E%3Cg fill=%22none%22 stroke=%22%23C9A86A%22 stroke-width=%221.1%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M-4 64C40 60 90 40 144-4%22/%3E%3Cpath d=%22M64-4C60 40 40 90-4 144%22/%3E%3C/g%3E%3Cg transform=%22translate(92.0 36.0) rotate(-30.0) scale(1.1)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(36.0 92.0) rotate(120.0) scale(1.1)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(120.0 54.0) rotate(-6.0) scale(0.9)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(54.0 120.0) rotate(96.0) scale(0.9)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(46.0 46.0) scale(1.35)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(110.0 22.0) scale(0.8)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(22.0 110.0) scale(0.8)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Ccircle cx=%22150.0%22 cy=%2240.0%22 r=%222.4%22 fill=%22%23C9A86A%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%2240.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23C9A86A%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3C/svg%3E") no-repeat center / contain; }
.t-janji .cover::before { left: -6px; top: -6px; }
.t-janji .cover::after { right: -6px; bottom: -6px; transform: rotate(180deg); }
.has-preview.t-janji .cover::before { top: 54px; }
.t-janji .arch { border-color: #C9A86A; box-shadow: 0 24px 60px rgba(0,0,0,0.35); }
.t-janji .arch::before { border-color: rgba(201,168,106,0.45); }
.t-janji .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 150 44%22%3E%3Cg fill=%22none%22 stroke=%22%23C9A86A%22 stroke-width=%221%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M8 30C44 22 62 22 75 22C88 22 106 22 142 30%22/%3E%3C/g%3E%3Cg transform=%22translate(75.0 22.0) scale(0.55)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(44.0 26.0) rotate(-160.0) scale(0.7)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(106.0 26.0) rotate(-20.0) scale(0.7)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; z-index: 2; }
.t-janji .monogram { border-color: #C9A86A; color: #E6C88E; }
.t-janji .photo-arch { border-color: #C9A86A; box-shadow: 0 24px 60px rgba(0,0,0,0.35); }
.t-janji .divider { color: #C9A86A; }
.t-janji .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 150 44%22%3E%3Cg fill=%22none%22 stroke=%22%23C9A86A%22 stroke-width=%221%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M8 30C44 22 62 22 75 22C88 22 106 22 142 30%22/%3E%3C/g%3E%3Cg transform=%22translate(75.0 22.0) scale(0.55)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(44.0 26.0) rotate(-160.0) scale(0.7)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(106.0 26.0) rotate(-20.0) scale(0.7)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; margin-bottom: -4px; }
.t-janji .btn-gold, .t-janji .nav-bubble { background: linear-gradient(135deg, #D9C297, #C9A86A 55%, #A58A57); color: var(--on-accent); }
.t-janji .btn-gold { box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.t-janji .cd { background: #27365A; } .t-janji .cd b { color: #E6C88E; }
.t-janji .wish { border-left: 3px solid #C9A86A; }
.t-janji .thanks-script { color: #E6C88E; } .t-janji .paper .thanks-script { color: var(--primary); }
.t-janji .paper { outline: 1px solid rgba(201,168,106,0.5); outline-offset: -7px; padding: 28px 24px; } .t-janji .paper-tight { padding: 18px; }
.t-janji .closing { position: relative; overflow: hidden; } .t-janji .closing > * { position: relative; }
.t-janji .closing::before { left: -30px; top: -30px; width: 150px; height: 150px; } .t-janji .closing::after { right: -30px; bottom: -30px; width: 150px; height: 150px; transform: rotate(180deg); }
.t-janji .fx-d { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 210 210%22%3E%3Cg fill=%22none%22 stroke=%22%23C9A86A%22 stroke-width=%221.1%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M-4 64C40 60 90 40 144-4%22/%3E%3Cpath d=%22M64-4C60 40 40 90-4 144%22/%3E%3C/g%3E%3Cg transform=%22translate(92.0 36.0) rotate(-30.0) scale(1.1)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(36.0 92.0) rotate(120.0) scale(1.1)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(120.0 54.0) rotate(-6.0) scale(0.9)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(54.0 120.0) rotate(96.0) scale(0.9)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(46.0 46.0) scale(1.35)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(110.0 22.0) scale(0.8)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(22.0 110.0) scale(0.8)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Ccircle cx=%22150.0%22 cy=%2240.0%22 r=%222.4%22 fill=%22%23C9A86A%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%2240.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23C9A86A%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3C/svg%3E") no-repeat center / contain; opacity: .4; }
body.t-janji { --page-orn: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 210 210%22%3E%3Cg fill=%22none%22 stroke=%22%23C9A86A%22 stroke-width=%221.1%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M-4 64C40 60 90 40 144-4%22/%3E%3Cpath d=%22M64-4C60 40 40 90-4 144%22/%3E%3C/g%3E%3Cg transform=%22translate(92.0 36.0) rotate(-30.0) scale(1.1)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(36.0 92.0) rotate(120.0) scale(1.1)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(120.0 54.0) rotate(-6.0) scale(0.9)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(54.0 120.0) rotate(96.0) scale(0.9)%22%3E%3Cpath d=%22M0 0C6-7 16-7 22 0C16 7 6 7 0 0Z%22 fill=%22%233F5B53%22 stroke=%22%232B413B%22 stroke-width=%220.9%22/%3E%3Cpath d=%22M3 0H17%22 stroke=%22%232B413B%22 stroke-width=%220.6%22 fill=%22none%22/%3E%3C/g%3E%3Cg transform=%22translate(46.0 46.0) scale(1.35)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(110.0 22.0) scale(0.8)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Cg transform=%22translate(22.0 110.0) scale(0.8)%22%3E%3Cg fill=%22%23F3C9CF%22 stroke=%22%23B86A7B%22 stroke-width=%220.8%22%3E%3Cellipse transform=%22rotate(0)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(45)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(90)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(135)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(180)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(225)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(270)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3Cellipse transform=%22rotate(315)%22 cx=%220%22 cy=%22-12%22 rx=%2210%22 ry=%2213%22/%3E%3C/g%3E%3Cg fill=%22%23EAA7B2%22 stroke=%22%23B86A7B%22 stroke-width=%220.7%22%3E%3Cellipse transform=%22rotate(20)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(92)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(164)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(236)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3Cellipse transform=%22rotate(308)%22 cx=%220%22 cy=%22-6%22 rx=%226%22 ry=%228%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23B86A7B%22 opacity=%22.5%22/%3E%3C/g%3E%3Ccircle cx=%22150.0%22 cy=%2240.0%22 r=%222.4%22 fill=%22%23C9A86A%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%2240.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23C9A86A%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3C/svg%3E"); --page-orn-op: .2; }