.wafi-ui{--wf-bg:#f6eee7;--wf-green:#0f6e56;--wf-green-d:#0b5544;--wf-gold:#c98a2a;--wf-gold-2:#b87516;--wf-cream:#f6ede6;--wf-mint:#ddf2e9;--wf-red:#c0392b;--wf-text:#14201b;--wf-sub:#14201ba8;--wf-line:#14201b1f;--wf-serif:"Cormorant Garamond", Georgia, serif;--wf-sans:"Manrope", system-ui, sans-serif;--wf-syne:"Syne", "Manrope", sans-serif;--wf-ease:cubic-bezier(.2, .8, .2, 1);background:var(--wf-bg);min-height:100svh;color:var(--wf-text);font-family:var(--wf-sans);-webkit-font-smoothing:antialiased;isolation:isolate;position:relative;overflow-x:clip}[dir=rtl] .wafi-ui,.wafi-ui[dir=rtl]{--wf-serif:"Noto Kufi Arabic", sans-serif;--wf-sans:"Noto Kufi Arabic", sans-serif}.wafi-ui *,.wafi-ui :before,.wafi-ui :after{box-sizing:border-box}.wafi-ui :focus-visible{outline:2px solid var(--wf-gold);outline-offset:3px}:where(.wafi-ui) .wf-bg{z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 50% 0,#ffdeaa8c,#0000 70%),linear-gradient(#e3e9ec 0%,#f3ece4 38%,#f6eee7 100%);position:fixed;inset:0;overflow:hidden}:where(.wafi-ui) .wf-bg:before{content:"";background:radial-gradient(circle,#ffd69673,#ffd69600 62%);border-radius:50%;width:70vmax;height:70vmax;animation:9s ease-in-out infinite wf-breathe;position:absolute;top:-18vh;left:50%;transform:translate(-50%)}:where(.wafi-ui) .wf-bg:after{content:"";opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}@keyframes wf-breathe{50%{opacity:.85;transform:translate(-50%)scale(1.08)}}:where(.wafi-ui) .wf-header{z-index:30;padding:14px clamp(16px,4vw,40px);padding-top:calc(14px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--wf-line);background:#f6eee7c7;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}:where(.wafi-ui) .wf-header-side{align-items:center;gap:10px;min-width:0;display:flex}:where(.wafi-ui) .wf-brand{color:var(--wf-green);font-family:var(--wf-syne);letter-spacing:0;direction:ltr;align-items:center;gap:10px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}:where(.wafi-ui) .wf-brand img{image-rendering:auto;width:auto;height:34px;display:block}:where(.wafi-ui) .wf-brand i{color:var(--wf-gold-2);font-style:normal}:where(.wafi-ui) .wf-container{width:100%;max-width:760px;margin:0 auto;padding:28px clamp(16px,4vw,28px) 64px}:where(.wafi-ui) .wf-container.wide{max-width:1120px}:where(.wafi-ui) .wf-stack{flex-direction:column;gap:14px;display:flex}:where(.wafi-ui) .wf-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}:where(.wafi-ui) .wf-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}:where(.wafi-ui) .wf-kicker{letter-spacing:0;text-transform:uppercase;color:var(--wf-gold-2);margin:0 0 12px;font-size:12px;font-weight:700}[dir=rtl] :where(.wafi-ui) .wf-kicker{letter-spacing:0;font-size:14px}:where(.wafi-ui) .wf-title{font-family:var(--wf-serif);margin:0 0 10px;font-size:48px;font-weight:500;line-height:1.04}[dir=rtl] :where(.wafi-ui) .wf-title{font-size:36px;font-weight:700;line-height:1.35}:where(.wafi-ui) .wf-title em{color:var(--wf-gold-2)}[dir=rtl] :where(.wafi-ui) .wf-title em{font-style:normal}:where(.wafi-ui) .wf-h3{font-family:var(--wf-sans);margin:0;font-size:19px;font-weight:800;line-height:1.25}:where(.wafi-ui) .wf-text{color:var(--wf-text);margin:0;font-size:18px;font-weight:500;line-height:1.65}:where(.wafi-ui) .wf-small{color:var(--wf-text);font-size:15px;font-weight:500}:where(.wafi-ui) .wf-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(165deg,#ffffffeb,#ffffffa8);border:1px solid #fffffff2;border-radius:24px;padding:20px;box-shadow:0 24px 50px -30px #0f3c2d73}:where(.wafi-ui) .wf-card.flat{box-shadow:0 10px 24px -20px #0f3c2d73}:where(.wafi-ui) .wf-tile{--rx:0deg;--ry:0deg;text-align:start;width:100%;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(18px);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .35s var(--wf-ease), box-shadow .35s;font:inherit;background:linear-gradient(165deg,#fffffff0,#ffffffb3);border:1px solid #fffffff2;border-radius:26px;align-items:center;gap:16px;padding:14px 18px 14px 14px;text-decoration:none;display:flex;position:relative;box-shadow:0 22px 46px -30px #0f3c2d80}:where(.wafi-ui) .wf-tile:hover{box-shadow:0 34px 60px -30px #0f3c2d99}:where(.wafi-ui) .wf-tile:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), #ffe4b473, transparent 60%);transition:opacity .3s;position:absolute;inset:0}:where(.wafi-ui) .wf-tile:hover:after{opacity:1}:where(.wafi-ui) .wf-tile-art{background:linear-gradient(160deg,#fbf4ec,#f1e4d6);border-radius:18px;flex:none;place-items:center;width:92px;height:72px;display:grid;overflow:hidden;transform:translateZ(26px)}:where(.wafi-ui) .wf-tile-art svg,:where(.wafi-ui) .wf-tile-art img{object-fit:contain;width:100%;height:100%;display:block}:where(.wafi-ui) .wf-tile-body{flex:1;min-width:0;transform:translateZ(14px)}:where(.wafi-ui) .wf-tile-body p{color:var(--wf-text);margin:4px 0 0;font-size:16px;font-weight:500;line-height:1.5}:where(.wafi-ui) .wf-tile-arrow{color:var(--wf-green);opacity:.7;transition:transform .3s var(--wf-ease);flex:none}:where(.wafi-ui) .wf-tile:hover :where(.wafi-ui) .wf-tile-arrow{transform:translate(4px)}[dir=rtl] :where(.wafi-ui) .wf-tile-arrow{transform:scaleX(-1)}[dir=rtl] :where(.wafi-ui) .wf-tile:hover :where(.wafi-ui) .wf-tile-arrow{transform:scaleX(-1)translate(4px)}:where(.wafi-ui) .wf-badge{background:var(--wf-gold-2);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:800;display:inline-grid}:where(.wafi-ui) .wf-btn{min-height:50px;font:inherit;cursor:pointer;transition:transform .3s var(--wf-ease), box-shadow .3s, background .25s;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}:where(.wafi-ui) .wf-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}:where(.wafi-ui) .wf-btn-primary{color:#fff;background:linear-gradient(135deg,#13856a,#0f6e56 55%,#0b5544);box-shadow:0 18px 40px -16px #0f6e5699,inset 0 1px #ffffff4d}:where(.wafi-ui) .wf-btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 50px -16px #0f6e56bf,inset 0 1px #ffffff4d}:where(.wafi-ui) .wf-btn-gold{color:#fff;background:linear-gradient(135deg,#d59a3c,#b87516);box-shadow:0 18px 40px -16px #b8751699}:where(.wafi-ui) .wf-btn-ghost{color:var(--wf-text);border-color:var(--wf-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9}:where(.wafi-ui) .wf-btn-ghost:hover{background:#fff}:where(.wafi-ui) .wf-btn-danger{color:#fff;background:var(--wf-red)}:where(.wafi-ui) .wf-btn-block{width:100%}:where(.wafi-ui) .wf-btn-sm{min-height:40px;padding:8px 16px;font-size:14px}:where(.wafi-ui) .wf-field{flex-direction:column;gap:7px;display:flex}:where(.wafi-ui) .wf-label{font-size:14px;font-weight:700}:where(.wafi-ui) .wf-input{border:1px solid var(--wf-line);width:100%;min-height:52px;font:inherit;color:var(--wf-text);background:#ffffffd9;border-radius:16px;padding:13px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}:where(.wafi-ui) .wf-input:focus{border-color:var(--wf-green);outline:none;box-shadow:0 0 0 4px #0f6e5624}:where(.wafi-ui) .wf-input::placeholder{color:#14201b66}:where(.wafi-ui) .wf-check{color:var(--wf-text);cursor:pointer;align-items:flex-start;gap:10px;font-size:16px;font-weight:500;line-height:1.5;display:flex}:where(.wafi-ui) .wf-check input{width:20px;height:20px;accent-color:var(--wf-green);flex:none;margin-top:1px}:where(.wafi-ui) .wf-otp{direction:ltr;justify-content:center;gap:8px;display:flex}:where(.wafi-ui) .wf-otp input{text-align:center;border:1px solid var(--wf-line);min-width:0;max-width:54px;height:60px;font-size:24px;font-weight:800;font-family:var(--wf-sans);background:#fff;border-radius:16px;flex:1 1 0;padding:0}:where(.wafi-ui) .wf-otp input:focus{border-color:var(--wf-green);outline:none;box-shadow:0 0 0 4px #0f6e5624}:where(.wafi-ui) .wf-switch{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:4px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}:where(.wafi-ui) .wf-switch-track{background:#14201b2e;border-radius:999px;flex:none;width:52px;height:30px;transition:background .25s;position:relative}:where(.wafi-ui) .wf-switch-track:after{content:"";width:24px;height:24px;transition:inset-inline-start .25s var(--wf-ease);top:3px;background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 2px 6px #0003}:where(.wafi-ui) .wf-switch[aria-checked=true] :where(.wafi-ui) .wf-switch-track{background:var(--wf-green)}:where(.wafi-ui) .wf-switch[aria-checked=true] :where(.wafi-ui) .wf-switch-track:after{inset-inline-start:25px}:where(.wafi-ui) .wf-stat{align-items:center;gap:14px;display:flex}:where(.wafi-ui) .wf-stat-ic{background:var(--wf-mint);width:42px;height:42px;color:var(--wf-green);border-radius:13px;flex:none;place-items:center;display:grid}:where(.wafi-ui) .wf-stat b{font-size:24px;font-weight:800;line-height:1.1;display:block}:where(.wafi-ui) .wf-stat span{color:var(--wf-text);font-size:15px;font-weight:500;display:block}:where(.wafi-ui) .wf-list{flex-direction:column;display:flex}:where(.wafi-ui) .wf-list-item{border-bottom:1px solid var(--wf-line);align-items:center;gap:12px;padding:12px 4px;display:flex}:where(.wafi-ui) .wf-list-item:last-child{border-bottom:0}:where(.wafi-ui) .wf-avatar{background:var(--wf-mint);width:44px;height:44px;color:var(--wf-green);border-radius:14px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}:where(.wafi-ui) .wf-avatar img{object-fit:cover;width:100%;height:100%}:where(.wafi-ui) .wf-pill{background:var(--wf-mint);color:var(--wf-green);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}:where(.wafi-ui) .wf-pill.gold{color:#8a5510;background:#f7e7cc}:where(.wafi-ui) .wf-pill.red{color:#9b2c20;background:#f8dcd8}:where(.wafi-ui) .wf-alert{color:#6d430c;background:#f7e7cc;border-radius:18px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.5}:where(.wafi-ui) .wf-chat{flex-direction:column;gap:8px;display:flex}:where(.wafi-ui) .wf-bubble{background:#fff;border-radius:18px;align-self:flex-start;max-width:78%;padding:10px 14px;font-size:15px;line-height:1.45;box-shadow:0 6px 16px -12px #0f3c2d80}:where(.wafi-ui) .wf-bubble.me{background:var(--wf-green);color:#fff;align-self:flex-end}:where(.wafi-ui) .wf-reveal{opacity:0;filter:blur(6px);transition:opacity .9s var(--wf-ease), transform .9s var(--wf-ease), filter .9s;transform:translateY(24px)}:where(.wafi-ui) .wf-reveal.on{opacity:1;filter:none;transform:none}@media (width<=640px){:where(.wafi-ui) .wf-tile{border-radius:22px;gap:12px;padding:12px 14px 12px 12px}:where(.wafi-ui) .wf-tile-art{border-radius:15px;width:74px;height:60px}:where(.wafi-ui) .wf-card{border-radius:22px;padding:16px}}@media (hover:none){:where(.wafi-ui) .wf-tile{transform:none}}@media (prefers-reduced-motion:reduce){:where(.wafi-ui) .wf-bg:before{animation:none}:where(.wafi-ui) .wf-reveal{opacity:1;filter:none;transition:none;transform:none}:where(.wafi-ui) .wf-tile,:where(.wafi-ui) .wf-btn{transition:none}}.wafi-ui{--wf-glass:#ffffffd9;--wf-white:#fff;--wf-border:#fffffff2;--wf-shadow:0 24px 50px -30px #0f3c2d73}.wafi-ui .wf-btn{white-space:normal;overflow-wrap:anywhere;letter-spacing:0;max-width:100%}.wafi-ui .wf-btn svg{flex:none;width:20px;height:20px}.wafi-ui .wf-title{overflow-wrap:anywhere;letter-spacing:0}.wafi-ui .wf-header{direction:ltr;flex-wrap:wrap}.wafi-ui .wf-brand{letter-spacing:0}.wafi-ui .wf-brand svg{width:40px;height:40px}.wafi-ui .wf-title-wrap{margin-bottom:22px}.wafi-ui .wf-editor-grid{align-items:start;gap:28px;display:grid}.wafi-ui .wf-editor-settings,.wafi-ui .wf-editor-preview{width:100%;min-width:0}.wafi-ui .wf-editor-settings{order:2}.wafi-ui .wf-editor-preview{font-family:var(--font-sans);order:1}.wafi-ui .wf-editor-block{border-bottom:1px solid var(--wf-line);padding-block:20px}.wafi-ui .wf-editor-block:first-child{padding-top:0}.wafi-ui .wf-editor-block:last-of-type{border-bottom:0}.wafi-ui .wf-editor-block h2{font-size:19px;font-weight:800}.wafi-ui .wf-color-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:10px;display:grid}.wafi-ui .wf-color-swatch{aspect-ratio:1;background:var(--swatch);width:100%;height:auto;min-height:0;color:var(--swatch-contrast);border:3px solid var(--wf-white);box-shadow:0 0 0 1px var(--wf-line);border-radius:50%;padding:0}.wafi-ui .wf-color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--wf-green)}.wafi-ui .wf-upload{text-align:start;border-style:dashed;border-radius:16px;justify-content:start;width:100%}.wafi-ui .wf-poster-wrap{max-width:680px;margin-inline:auto}.wafi-ui .wf-poster-paper{font-family:var(--font-sans)}.wafi-ui .wf-poster-actions{gap:12px;margin-top:20px;display:grid}.wafi-ui .wf-poster-languages{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.wafi-ui .wf-poster-languages .wf-input{width:auto;max-width:100%}.wafi-ui .wf-btn-sm{min-height:44px}.wafi-ui .wf-editor-extra{max-width:1120px;margin:auto}@media (width>=1024px){.wafi-ui .wf-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.wafi-ui .wf-editor-settings{order:1}.wafi-ui .wf-editor-preview{order:2;position:sticky;top:110px}}@media (width<=640px){.wafi-ui .wf-title{font-size:34px}[dir=rtl] .wafi-ui .wf-title{font-size:28px}.wafi-ui .wf-header{gap:8px;padding-inline:16px}.wafi-ui .wf-header-side{gap:6px}.wafi-ui .wf-brand>span{font-size:22px}.wafi-ui .wf-poster-card{padding:12px}.wafi-ui .wf-color-grid{gap:9px}}@media print{.wafi-ui .wf-bg,.wafi-ui .wf-header,.wafi-ui .wf-title-wrap,.wafi-ui .wf-poster-actions,.wafi-ui .wf-poster-languages,.wafi-ui .wf-poster-back{display:none}.wafi-ui,.wafi-ui .wf-poster-card{box-shadow:none;background:0 0;border:none;padding:0}.wafi-ui .wf-reveal{opacity:1;filter:none;transform:none}}
