@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+Sinhala:wght@400;500;600;700&family=Noto+Sans+Tamil:wght@400;500;600;700&display=swap";
:root{--color-rgd-orange:#e0691a;--color-rgd-orange-hover:#d25c10;--color-rgd-orange-dark:#b84b06;--color-rgd-orange-light:#fff5ee;--color-rgd-orange-border:#f4a261;--color-rgd-orange-gradient:linear-gradient(180deg, #ea7625 0%, #d85c0c 100%);--color-sky-gradient:linear-gradient(180deg, #74aee2 0%, #9fc9ee 35%, #cae3f7 70%, #edf5fc 100%);--color-header-title:#2b1d12;--color-header-subtitle:#1b3a5b;--color-tile-bg:linear-gradient(180deg, #f2f7fc 0%, #dfeffc 100%);--color-tile-border:#c5dbec;--color-tile-text:#205988;--color-tile-hover-bg:linear-gradient(180deg, #e4f0fa 0%, #d0e5f5 100%);--color-tile-hover-border:#79b7e7;--color-tile-hover-text:#134063;--color-valid-bg:#ecfdf5;--color-valid-border:#10b981;--color-valid-text:#065f46;--color-valid-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--color-revoked-bg:#fffbeb;--color-revoked-border:#f59e0b;--color-revoked-text:#92400e;--color-revoked-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--color-invalid-bg:#fef2f2;--color-invalid-border:#ef4444;--color-invalid-text:#991b1b;--color-invalid-gradient:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--bg-page:#f1f5fa;--bg-card:#fff;--bg-card-subtle:#f6fafd;--text-main:#1e293b;--text-muted:#475569;--text-light:#64748b;--border-subtle:#e2ecf5;--border-card:#cde0f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #1e406e14, 0 2px 4px -2px #1e406e0f;--shadow-lg:0 10px 15px -3px #1e406e14, 0 4px 6px -4px #1e406e0f;--shadow-xl:0 20px 25px -5px #1e406e1a, 0 8px 10px -6px #1e406e14;--shadow-glow:0 0 20px #74aee233;--font-family:"Outfit", "Noto Sans Sinhala", "Noto Sans Tamil", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;width:100%;min-height:-webkit-fill-available;line-height:1.5;overflow-x:hidden}.page-background{background:var(--bg-page);background-image:radial-gradient(circle at 50% 0,#74aee226 0%,#0000 50%),radial-gradient(circle at 100% 100%,#e0691a0f 0%,#0000 40%);flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--color-sky-gradient);color:#1e3a5f;border-bottom:3px solid var(--color-rgd-orange);z-index:50;padding:.85rem 1.5rem;position:sticky;top:0;box-shadow:0 2px 10px #1e406e1f}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.brand-container{color:inherit;align-items:center;gap:1.15rem;text-decoration:none;display:flex}.emblem-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000002e);flex-shrink:0;width:58px;height:58px}.brand-text h1{letter-spacing:-.01em;color:var(--color-header-title);text-shadow:0 1px #fffc;font-size:1.35rem;font-weight:800;line-height:1.2}.brand-text p{color:var(--color-header-subtitle);margin-top:2px;font-size:.86rem;font-weight:600}.language-switcher{background:#ffffffd9;border:1px solid #b3d2ed;border-radius:20px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 1px 3px #1e406e1a}.lang-btn{color:#1e3a5f;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:16px;padding:.35rem .75rem;font-size:.82rem;font-weight:600}.lang-btn:hover{color:var(--color-rgd-orange-dark);background:#e0691a1a}.lang-btn.active{background:var(--color-rgd-orange-gradient);color:#fff;font-weight:700;box-shadow:0 1px 4px #e0691a59}.main-content{flex:1;width:100%;max-width:900px;margin:2rem auto;padding:0 1.25rem}.verification-container{container-type:inline-size}.card{background:var(--bg-card);border:1px solid var(--border-card);border-top:4px solid var(--color-rgd-orange);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal);padding:2rem}.status-banner{border-radius:var(--radius-md);border:2px solid #0000;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.25rem 1.5rem;animation:.4s ease-out fadeIn;display:flex}.status-banner.valid{background:var(--color-valid-bg);border-color:var(--color-valid-border);color:var(--color-valid-text)}.status-banner.revoked,.status-banner.superseded{background:var(--color-revoked-bg);border-color:var(--color-revoked-border);color:var(--color-revoked-text)}.status-banner.invalid{background:var(--color-invalid-bg);border-color:var(--color-invalid-border);color:var(--color-invalid-text)}.status-icon-wrapper{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.status-banner.valid .status-icon-wrapper{background:var(--color-valid-gradient);box-shadow:0 0 14px #10b98159}.status-banner.revoked .status-icon-wrapper,.status-banner.superseded .status-icon-wrapper{background:var(--color-revoked-gradient);box-shadow:0 0 14px #f59e0b59}.status-banner.invalid .status-icon-wrapper{background:var(--color-invalid-gradient);box-shadow:0 0 14px #ef444459}.status-info h2{margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.status-info p{opacity:.95;font-size:.92rem}.attributes-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@container (min-width:550px){.attributes-grid{grid-template-columns:repeat(2,1fr)}}.attribute-box{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:1.15rem}.attribute-box:hover{background:#f2f7fc;border-color:#a8cae8;transform:translateY(-1px)}.attribute-box.full-width{grid-column:1/-1}.attribute-label{text-transform:uppercase;letter-spacing:.05em;color:#2e6e9e;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:flex}.attribute-value{color:var(--text-main);word-break:break-word;font-size:1.08rem;font-weight:600}.attribute-value.highlight{color:var(--color-rgd-orange-dark);background:var(--color-rgd-orange-light);border-radius:var(--radius-sm);letter-spacing:.04em;border:1px solid #ffd8bf;padding:.15rem .5rem;font-family:monospace;font-size:1.12rem;font-weight:700;display:inline-block}.attribute-note{color:var(--text-light);align-items:center;gap:.3rem;margin-top:.35rem;font-size:.72rem;display:flex}.security-seal{border:1px solid var(--color-rgd-orange-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#f2f8fd 0%,#fff7f2 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.security-seal-info{align-items:center;gap:.85rem;display:flex}.seal-icon{width:38px;height:38px;color:var(--color-rgd-orange);flex-shrink:0}.security-seal-info h4{color:var(--color-rgd-orange-dark);font-size:.95rem;font-weight:700}.security-seal-info p{color:var(--text-muted);max-width:600px;font-size:.82rem}.official-stamp{background:var(--color-rgd-orange-light);border:1px dashed var(--color-rgd-orange);color:var(--color-rgd-orange-dark);letter-spacing:.06em;border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-rgd-orange-gradient);color:#fff;border-color:var(--color-rgd-orange-dark);box-shadow:0 2px 6px #e0691a47}.btn-primary:hover{background:linear-gradient(#f07e32 0%,#db600f 100%);transform:translateY(-1px);box-shadow:0 4px 10px #e0691a59}.btn-secondary{background:var(--color-tile-bg);border-color:var(--color-tile-border);color:var(--color-tile-text);box-shadow:0 1px 3px #2059881a}.btn-secondary:hover{background:var(--color-tile-hover-bg);border-color:var(--color-tile-hover-border);color:var(--color-tile-hover-text);transform:translateY(-1px);box-shadow:0 2px 6px #20598826}.btn-gold{background:var(--color-rgd-orange-gradient);color:#fff;border-color:var(--color-rgd-orange-dark);font-weight:700;box-shadow:0 2px 6px #e0691a47}.btn-gold:hover{background:linear-gradient(#f07e32 0%,#db600f 100%);transform:translateY(-1px);box-shadow:0 4px 10px #e0691a59}.hero-header{text-align:center;margin-bottom:2rem}.hero-header h2{color:#1b3a5b;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.85rem;font-weight:800}.hero-header p{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:.95rem}.lookup-card{max-width:650px;margin:0 auto}.input-group{margin-bottom:1.5rem}.input-label{color:#1b3a5b;margin-bottom:.5rem;font-size:.88rem;font-weight:700;display:block}.token-input{border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:all var(--transition-fast);box-sizing:border-box;background:#fff;border:2px solid #b8d4ea;padding:.85rem 1rem;font-family:monospace;font-size:1rem}.token-input:focus{border-color:var(--color-rgd-orange);background:#fff;outline:none;box-shadow:0 0 0 3px #e0691a2e}.or-divider{color:#7995ad;align-items:center;margin:1.5rem 0;font-size:.82rem;font-weight:700;display:flex}.or-divider:before,.or-divider:after{content:"";background:#cde0f0;flex:1;height:1px}.or-divider span{padding:0 .85rem}.scanner-box{border-radius:var(--radius-md);aspect-ratio:4/3;background:#000;border:2px solid #b8d4ea;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-overlay{border:2px solid var(--color-rgd-orange);border-radius:var(--radius-md);pointer-events:none;width:65%;height:65%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0000008c}.scanner-overlay:after{content:"";background:var(--color-rgd-orange);height:2px;box-shadow:0 0 8px var(--color-rgd-orange);animation:2s ease-in-out infinite alternate scanSweep;position:absolute;top:0;left:0;right:0}@keyframes scanSweep{0%{transform:translateY(0)}to{transform:translateY(180px)}}.site-footer{color:#4b6680;text-align:center;background:#eaf1f8;border-top:1px solid #cddde9;margin-top:auto;padding:1.75rem 1.5rem;font-size:.82rem}.footer-inner{flex-direction:column;align-items:center;gap:.4rem;max-width:1200px;margin:0 auto;display:flex}.toast-notice{color:#fff;border-radius:var(--radius-md);border-left:4px solid var(--color-rgd-orange);box-shadow:var(--shadow-xl);z-index:100;background:#1b3a5b;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-content{margin:1.5rem auto;padding:0 1rem}.card{padding:1.5rem 1.25rem}.hero-header h2{font-size:1.55rem}.security-seal{flex-direction:column;align-items:flex-start;gap:.85rem}}@media (max-width:640px){.site-header{padding:.65rem .85rem;padding-top:max(.65rem, env(safe-area-inset-top));padding-left:max(.85rem, env(safe-area-inset-left));padding-right:max(.85rem, env(safe-area-inset-right))}.header-inner{text-align:center;flex-wrap:wrap;justify-content:center;gap:.65rem}.brand-container{justify-content:center;gap:.75rem}.emblem-img{width:44px;height:44px}.brand-text h1{font-size:1.15rem;line-height:1.25}.brand-text p{font-size:.76rem}.language-switcher{width:auto;padding:2px;box-shadow:0 1px 2px #1e406e14}.lang-btn{min-height:36px;padding:.3rem .6rem;font-size:.76rem}.main-content{margin:1rem auto;padding:0 .75rem}.card{border-radius:var(--radius-sm);padding:1.25rem .95rem}.hero-header{margin-bottom:1.25rem}.hero-header h2{font-size:1.35rem}.hero-header p{font-size:.88rem}.status-banner{gap:.75rem;margin-bottom:1.25rem;padding:1rem .85rem}.status-icon-wrapper{width:44px;height:44px}.status-icon-wrapper svg{width:22px;height:22px}.status-info h2{font-size:1.12rem}.status-info p{font-size:.84rem}.attributes-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.attribute-box{padding:.85rem}.attribute-value{word-break:break-word;font-size:.96rem}.attribute-value.highlight{word-break:break-all;overflow-wrap:anywhere;padding:.15rem .4rem;font-size:.98rem}.security-seal{margin-bottom:1.5rem;padding:1rem}.security-seal-info{gap:.65rem}.seal-icon{width:30px;height:30px}.security-seal-info h4{font-size:.88rem}.security-seal-info p{font-size:.78rem}.actions-row{flex-direction:column;gap:.65rem;width:100%}.actions-row .btn{width:100%;min-height:44px;padding:.8rem 1rem;font-size:.92rem}.scanner-box{aspect-ratio:1;max-height:320px}.site-footer{padding:1.25rem 1rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));font-size:.74rem}.toast-notice{text-align:center;justify-content:center;bottom:1rem;left:1rem;right:1rem}}@media (max-width:380px){.brand-container{flex-direction:column;gap:.35rem}.brand-text h1{font-size:1.02rem}.brand-text p{font-size:.7rem}.lang-btn{padding:.25rem .45rem;font-size:.72rem}.hero-header h2{font-size:1.2rem}.card{padding:.9rem .65rem}}@media print{.site-header,.language-switcher,.actions-row,.site-footer,.or-divider,.scanner-box{display:none!important}body,.page-background{color:#000!important;background:#fff!important}.main-content{max-width:100%!important;margin:0!important;padding:0!important}.card{box-shadow:none!important;border:1px solid #666!important;border-top:4px solid #000!important;padding:1.5rem!important}.status-banner{color:#000!important;background:0 0!important;border:2px solid #000!important}.status-icon-wrapper{color:#fff!important;background:#000!important}.attribute-box{background:0 0!important;border:1px solid #ccc!important}.security-seal{background:0 0!important;border:1px solid #000!important}}