/*
====================================================
Project Name	: © QR Studio - Abed
Version		: UNPKG 1.9.2 https://app.unpkg.com/qr-code-styling@1.9.2/files/lib
Developed	: 19 August 2026
Developer	: Abednego Dinarim Siregar / Microsoft 365 Copilot with GPT 5.6 Deep Think.
Lisensi		: You may not copy, steal, modify, reverse engineer, redistribute, sell, or use any part of the application, code, design, brand, or included materials without the owner’s written permission, except where expressly permitted by applicable law.
====================================================
*/
/* PARTICLE CSSCO START: styles for contact */
:root { --bg:#f6f8fb; --bg-soft:#fff; --card:rgba(255,255,255,.86); --text:#121826; --muted:#637083; --line:rgba(18,24,38,.1); --primary:#2663ff; --primary-2:#7c3aed; --shadow:0 24px 70px rgba(15,23,42,.12); --radius:26px; }
    [data-theme="dark"] { --bg:#080b12; --bg-soft:#0e1422; --card:rgba(17,24,39,.82); --text:#eef2ff; --muted:#9aa7bc; --line:rgba(238,242,255,.12); --primary:#77a4ff; --primary-2:#c084fc; --shadow:0 24px 70px rgba(0,0,0,.38); }
    * { box-sizing:border-box; } body { margin:0; min-height:100vh; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--text); background:radial-gradient(circle at top left,rgba(38,99,255,.20),transparent 32rem),radial-gradient(circle at top right,rgba(124,58,237,.18),transparent 30rem),linear-gradient(135deg,var(--bg),var(--bg-soft)); }
    .shell { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:28px 0 42px; } .topbar,.policy,.footer { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter:blur(22px); } .topbar { position:sticky; top:12px; z-index:45; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:24px; } .brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.03em; } .logo { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:white; background:linear-gradient(135deg,var(--primary),var(--primary-2)); } .logo svg { width:27px; height:27px; } .actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } button,select { font:inherit; } button,.select { border:1px solid var(--line); border-radius:999px; padding:10px 14px; background:var(--card); color:var(--text); font-weight:800; cursor:pointer; } select { border:0; color:var(--text); background:transparent; outline:0; font-weight:800; } .policy { padding:clamp(24px,5vw,44px); } h1 { font-size:clamp(2rem,5vw,3.8rem); line-height:1; letter-spacing:-.06em; margin:0 0 14px; } h2 { margin-top:28px; } p,li { color:var(--muted); line-height:1.75; } a { color:var(--primary); font-weight:800; text-decoration:none; } a:hover { text-decoration:underline; } .footer { margin-top:24px; padding:18px 22px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--muted); }

    /* Modern, theme-aware custom dropdowns */
    .custom-select { position: relative; width: 100%; }
    .custom-select-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden !important; }
    .custom-select-trigger {
      width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
      padding: 12px 14px; color: var(--text); text-align: left; font-weight: 750;
      background: color-mix(in srgb, var(--card-strong) 92%, transparent);
      border: 1px solid var(--line); border-radius: 16px; outline: none;
      box-shadow: 0 6px 18px rgba(15,23,42,.05); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .custom-select-trigger:hover { border-color: color-mix(in srgb, var(--primary) 45%, var(--line)); }
    .custom-select-trigger:focus, .custom-select.open .custom-select-trigger { border-color: var(--primary); box-shadow: var(--focus); }
    .custom-select-arrow { width: 9px; height: 9px; flex: 0 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; opacity: .8; }
    .custom-select.open .custom-select-arrow { transform: rotate(225deg) translate(-2px,-2px); }
    .custom-select-menu {
      position: absolute; z-index: 90; left: 0; right: 0; top: calc(100% + 8px); display: none; max-height: 260px; overflow: auto;
      padding: 7px; border: 1px solid var(--line); border-radius: 16px;
      color: var(--text); background: var(--card-strong); box-shadow: var(--shadow); backdrop-filter: blur(20px);
    }
    .custom-select.open .custom-select-menu { display: grid; gap: 4px; animation: dropdownIn .16s ease both; }
    .custom-select-option { width: 100%; padding: 11px 12px; border-radius: 11px; color: var(--text); background: transparent; text-align: left; font-weight: 680; transition: background .15s ease, color .15s ease; }
    .custom-select-option:hover, .custom-select-option:focus { color: var(--text); background: color-mix(in srgb, var(--primary) 13%, transparent); outline: none; }
    .custom-select-option[aria-selected="true"] { color: white; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
    .lang-select .custom-select { min-width: 112px; }
    .lang-select .custom-select-trigger { min-height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .lang-select .custom-select-trigger:focus { box-shadow: none; }
    .lang-select .custom-select-menu { min-width: 170px; left: auto; }
    @keyframes dropdownIn { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
    @media (prefers-reduced-motion: reduce) { .custom-select-menu { animation: none !important; } }

  
/* Ensure privacy-page top bar remains sticky */
.topbar{position:sticky!important;top:10px!important;z-index:100!important;align-self:flex-start}

/* iOS-inspired liquid glass controls */
:root{--card-strong:rgba(255,255,255,.96);--focus:0 0 0 4px rgba(38,99,255,.18)}[data-theme="dark"]{--card-strong:rgba(15,22,37,.96);--focus:0 0 0 4px rgba(119,164,255,.2)}
.topbar,.policy,.footer{position:relative;isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 84%,rgba(255,255,255,.22)),color-mix(in srgb,var(--card) 66%,transparent));border-color:color-mix(in srgb,var(--line) 70%,rgba(255,255,255,.34));-webkit-backdrop-filter:blur(30px) saturate(165%);backdrop-filter:blur(30px) saturate(165%);box-shadow:0 22px 55px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(255,255,255,.08)}
.topbar{overflow:visible!important;z-index:100}.topbar::before,.policy::before,.footer::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.34),rgba(255,255,255,.05) 34%,transparent 58%,rgba(124,58,237,.09));opacity:.65}.topbar::after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 0%,transparent 34%,rgba(255,255,255,.32) 47%,transparent 60%,transparent 100%);background-size:240% 100%;animation:policySheen 9s ease-in-out infinite;clip-path:inset(0 round var(--radius))}
#themeToggle,.custom-select-trigger,.ios-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--line) 72%,rgba(255,255,255,.28));border-radius:999px;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-soft) 78%,rgba(255,255,255,.20)),color-mix(in srgb,var(--bg-soft) 62%,transparent));-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 22px rgba(15,23,42,.10);font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ios-button:hover,#themeToggle:hover,.custom-select-trigger:hover{transform:translateY(-1px) scale(1.012);text-decoration:none;border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 12px 28px rgba(38,99,255,.14)}.page-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.actions,.lang-select,.custom-select{position:relative;z-index:120}.custom-select.open{z-index:150}.custom-select-menu{z-index:160!important}
@keyframes policySheen{0%,72%,100%{background-position:130% 0;opacity:0}80%{opacity:.5}94%{background-position:-130% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.topbar::after{animation:none}}
.contact-form{display:grid;gap:16px;margin-top:24px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.captcha-box{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(180px,1fr);gap:16px;align-items:end}.captcha-question{margin:0;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-soft) 84%,transparent);font-weight:800;color:var(--text)}@media(max-width:640px){.form-row,.captcha-box{grid-template-columns:1fr}}.form-field{display:grid;gap:8px}.form-field label{font-weight:800}.form-field input,.form-field textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:color-mix(in srgb,var(--bg-soft) 84%,transparent);font:inherit;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}.form-field textarea{min-height:150px;resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:var(--focus)}.submit-button{justify-self:start}.form-status{min-height:24px;margin:0;color:var(--primary)}

/* Compact responsive header and bottom navigation */
.footer-links{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}.footer-links a{font-size:.86rem}
@media(max-width:640px){
  .shell{width:min(100% - 20px,900px);padding-top:12px}.topbar{top:8px;padding:8px 10px;gap:8px;flex-wrap:nowrap;border-radius:18px}
  .brand{gap:8px;font-size:.94rem;white-space:nowrap}.logo{width:38px;height:38px;border-radius:13px}.logo svg{width:23px;height:23px}
  .actions{gap:7px;flex-wrap:nowrap}.lang-select .custom-select{min-width:auto}
  #themeToggle,.lang-select .custom-select-trigger{min-width:38px;min-height:38px;padding:7px 9px}
  #themeText{display:none}.lang-select .custom-select-value{font-size:0}.lang-select .custom-select-value::before{content:attr(data-flag);font-size:1rem;margin-right:6px}.lang-select .custom-select-value::after{content:attr(data-code);font-size:.78rem;letter-spacing:.04em}
  .lang-select .custom-select-menu{right:0;left:auto;min-width:150px}
  .footer{align-items:center;padding:16px;gap:12px}.footer-links{order:3;width:100%;justify-content:center;gap:8px 14px}.footer-links a{font-size:.76rem;line-height:1.35}.footer>.ios-button{margin-left:auto}
}

/* CHANGE 84rwo-1 START: single language control matching index */
.lang-select .custom-select-trigger{min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-soft) 78%,rgba(255,255,255,.20)),color-mix(in srgb,var(--bg-soft) 62%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 22px rgba(15,23,42,.10)}
.lang-current{display:flex;align-items:center;gap:9px}.lang-flag{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(127,127,127,.2)}.lang-code{display:none}
@media(max-width:640px){.lang-name{display:none}.lang-code{display:inline;font-size:.78rem;letter-spacing:.04em}}
/* CHANGE 84rwo-1 END */
/* CHANGE 894wg START: centered mobile page title */
@media(max-width:640px){.policy>h1{text-align:center;margin-inline:auto}}
/* CHANGE 894wg END */

/* CHANGE 432jh2 START: one successful submission per page session */
.contact-form.is-locked{opacity:.72}.contact-form :disabled{cursor:not-allowed;filter:saturate(.55)}
/* CHANGE 432jh2 END */
/* CHANGE 25shjy3 START: bilingual liquid-glass success popup */
.thank-bg{position:fixed;z-index:300;inset:0;display:none;place-items:center;padding:20px;background:rgba(6,10,18,.36);backdrop-filter:blur(12px)}.thank-bg.open{display:grid}.thank-bg.melting{pointer-events:none;animation:glassBackdropOut .58s ease forwards}.thank-box{position:relative;width:min(520px,100%);padding:30px 28px 24px;border:1px solid color-mix(in srgb,var(--line) 65%,rgba(255,255,255,.5));border-radius:26px;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--card) 82%,rgba(255,255,255,.28)),color-mix(in srgb,var(--card) 60%,transparent));box-shadow:0 28px 75px rgba(15,23,42,.25),inset 0 1px 0 rgba(255,255,255,.62);backdrop-filter:blur(30px) saturate(170%);animation:glassPopupIn .38s cubic-bezier(.2,.8,.2,1) both}.melting .thank-box{animation:glassMeltDown .58s cubic-bezier(.4,0,1,1) forwards}.thank-box p{margin:12px 22px 22px;text-align:center;color:var(--text);font-weight:750}.thank-close{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--card);font-size:1.25rem}.thank-progress{height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--muted) 20%,transparent)}.thank-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--primary),var(--primary-2));animation:thankCountdown 6s linear forwards}@keyframes thankCountdown{to{transform:scaleX(0)}}@keyframes glassPopupIn{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes glassMeltDown{0%{opacity:1;transform:none;border-radius:26px}55%{opacity:.72;transform:translateY(45px) scaleX(1.04) scaleY(.55);border-radius:38% 38% 48% 48%}100%{opacity:0;transform:translateY(110vh) scaleX(1.2) scaleY(.12);filter:blur(14px)}}@keyframes glassBackdropOut{to{opacity:0}}@media(prefers-reduced-motion:reduce){.thank-box,.melting .thank-box,.thank-bg.melting{animation:none}.thank-progress span{animation:none}}
/* CHANGE 25shjy3 END */
/* PARTICLE CSSCO END */