*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Arial,sans-serif;background:#eef2f7;color:#0f172a}app-root{display:block;min-height:100vh}a{color:inherit}.demo-home,.demo-page{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.demo-card{width:min(100%,520px);padding:32px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;box-shadow:0 18px 48px #0f172a1f}.demo-home-card{width:min(100%,820px)}.demo-card h1{margin:0 0 12px;font-size:32px;line-height:1.1}.demo-logo{display:block;width:150px;height:auto;margin:0 0 24px}.demo-eyebrow{margin:0 0 10px;color:#526173;font-size:13px;font-weight:700;text-transform:uppercase}.demo-intro{max-width:620px;margin:0 0 26px;color:#526173;font-size:16px;line-height:1.5}.demo-group{display:grid;gap:14px;padding-top:22px;border-top:1px solid #e6edf5}.demo-group-header{display:grid;gap:5px}.demo-group-header h2{margin:0;color:#172033;font-size:18px;line-height:1.25}.demo-group-header p{max-width:620px;margin:0;color:#526173;font-size:14px;line-height:1.45}.demo-link-grid{display:grid;gap:14px}.demo-link-card{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:18px 20px;border:1px solid #dbe3ed;border-radius:8px;background:#f8fafc;color:#172033;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.demo-link-card span{display:grid;gap:5px}.demo-link-card strong{color:#172033;font-size:18px;line-height:1.2}.demo-link-card small{color:#526173;font-size:14px;font-weight:400;line-height:1.35}.demo-link-card:after{content:">";color:#46617f;font-size:20px}.demo-link-card:hover,.demo-link-card:focus-visible{border-color:#8aa4c1;box-shadow:0 10px 24px #0f172a1a;transform:translateY(-1px)}.payment-demo-card{display:grid;gap:18px}.payment-demo-card h1{margin-bottom:4px}.apple-pay-container,.card-form-container,.google-pay-container{width:100%;border:1px solid #dbe3ed;border-radius:8px;background:#f8fafc}.apple-pay-container,.google-pay-container{min-height:100px;padding:16px}.card-form-container{padding:18px}.loading-state{margin:0;color:#526173;font-size:14px;line-height:1.4}card-element-with-submit,card-fields-with-submit{display:grid;gap:18px}.confirm-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;gap:10px;padding:14px 16px;border:0;border-radius:8px;background:#0f172a;color:#fff;cursor:pointer;font:inherit;font-size:16px;font-weight:700}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.payment-result{width:100%;max-width:100%;min-height:24px;margin:0;color:#526173;overflow-wrap:anywhere;word-break:break-word}.payment-result-card{display:flex;align-items:flex-start;gap:12px;min-height:0;padding:14px 16px;border-radius:8px;line-height:1.4}.payment-result-success{border:1px solid #bbf7d0;background:#ecfdf5;color:#14532d}.payment-result-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.payment-result-icon{position:relative;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#16a34a}.payment-result-icon:after{content:"";position:absolute;top:5px;left:8px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.payment-result-content{display:grid;gap:2px;min-width:0;max-width:100%;overflow-wrap:anywhere}.payment-result-content strong{color:inherit}.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field-label{color:#64748b;font-size:14px}.card-field{width:100%;min-height:48px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#0f172a}.card-field:disabled{opacity:1;-webkit-text-fill-color:#0f172a}@media(max-width:520px){.demo-card{padding:24px}.demo-card h1{font-size:28px}.card-fields{grid-template-columns:1fr}}