/* Result-page refinements: no dialog or QR interface is included in this flow. */
.result-side { position:relative; overflow:hidden; background:linear-gradient(145deg,#102d2b,#10223b); border-color:#62e9b15c; }
.header-meta { display:flex; align-items:center; gap:12px; }.site-date { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; color:#b9dbe2; font-size:.68rem; font-weight:700; letter-spacing:.05em; white-space:nowrap; background:#6ce9fb0a; border:1px solid #6ce9fb2b; border-radius:999px; }.site-date:before { content:""; width:8px; height:8px; border:1.5px solid var(--cyan); border-radius:2px; box-shadow:inset 0 3px 0 -1px var(--cyan); }
.completion-orbit { position:relative; width:98px; height:98px; display:grid; place-items:center; margin:8px auto 28px; border:1px solid #62e9b16b; border-radius:50%; box-shadow:inset 0 0 26px #62e9b121,0 0 35px #62e9b118; animation:check-breathe 2.6s ease-in-out infinite; }
.completion-orbit:before,.completion-orbit:after { content:""; position:absolute; inset:-8px; border:1px solid #62e9b130; border-radius:50%; animation:check-ring 2.6s ease-out infinite; }
.completion-orbit:after { animation-delay:1.3s; }
.large-green-check { display:grid; place-items:center; width:61px; height:61px; border-radius:50%; background:linear-gradient(135deg,#54dca4,#9affcf); color:#06291e; font-size:2.3rem; font-weight:900; box-shadow:0 0 30px #62e9b166; animation:check-pop 2.6s ease-in-out infinite; }
.orbit-dot { position:absolute; width:7px; height:7px; border-radius:50%; background:#9affd4; box-shadow:0 0 12px #62e9b1; }
.dot-one { top:3px; left:24px; animation:orbit-one 2.6s linear infinite; }.dot-two { right:2px; bottom:24px; animation:orbit-two 2.6s linear infinite; }.dot-three { bottom:6px; left:18px; animation:orbit-three 2.6s linear infinite; }
@keyframes check-breathe { 50% { transform:scale(1.04); box-shadow:inset 0 0 36px #62e9b13b,0 0 48px #62e9b135; } }
@keyframes check-ring { 0% { opacity:.7; transform:scale(.88); } 70%,100% { opacity:0; transform:scale(1.26); } }
@keyframes check-pop { 0%,20% { transform:scale(.82) rotate(-8deg); } 30%,75% { transform:scale(1) rotate(0); } 88% { transform:scale(1.08); } 100% { transform:scale(1); } }
@keyframes orbit-one { 50% { transform:translate(50px,25px); opacity:.45; } }
@keyframes orbit-two { 50% { transform:translate(-38px,-42px); opacity:.45; } }
@keyframes orbit-three { 50% { transform:translate(40px,-44px); opacity:.45; } }
.inline-qr { display:flex; align-items:center; gap:12px; margin-top:18px; padding-top:17px; border-top:1px solid #ffffff15; }
.inline-qr img { width:82px; height:82px; padding:4px; border-radius:9px; background:#efffff; }
.inline-qr b,.inline-qr span,.inline-qr code { display:block; }.inline-qr b { color:#ffccae; font-size:.75rem; letter-spacing:.06em; }.inline-qr span { margin-top:3px; color:var(--muted); font-size:.7rem; }.inline-qr code { max-width:230px; margin-top:7px; color:#9affd4; font:600 .62rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.qr-client-note { margin-top:8px!important; color:#86a8b0!important; font-size:.62rem!important; line-height:1.35; }
.summary-asset { display:flex; align-items:center; gap:10px; padding:0 0 14px; border-bottom:1px solid #ffffff15; }.summary-asset .icon-pair img { width:32px; height:32px; }.summary-asset .icon-pair img+img { width:17px; height:17px; }.summary-asset strong,.summary-asset span { display:block; }.summary-asset strong { font-size:.95rem; }.summary-asset span { color:var(--muted); font-size:.7rem; }.qr-payment-status { margin-top:9px!important; color:#8ff3c4!important; font-size:.72rem!important; }.qr-payment-status strong { display:inline; color:#caffdf; }
.summary-content .summary-highlight { color:#8ff3c4; font-weight:850; letter-spacing:.01em; }
.priority-choices { display:flex; flex-direction:column; background:linear-gradient(145deg,rgba(14,42,54,.94),rgba(9,22,32,.9)); }.priority-options { flex:1; align-content:start; }.priority-context { display:flex; justify-content:space-between; gap:12px; margin-top:17px; padding:12px 2px 0; border-top:1px solid #ffffff15; color:#a7c7cf; font-size:.71rem; }.priority-context i { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:var(--emerald); box-shadow:0 0 10px #62e9b1; }.status-loader { display:inline-block; width:11px; height:11px; margin-left:7px; vertical-align:-1px; border:2px solid #9affd444; border-top-color:#9affd4; border-radius:50%; animation:status-spin .85s linear infinite; }
.asset-options,.priority-options { display:grid; grid-template-columns:1fr; gap:13px; max-height:none; overflow:visible; }.asset-group { padding:11px; border:1px solid #75e9fb1f; border-radius:12px; background:linear-gradient(100deg,#0a1b276b,#0e16266b); }.asset-group>p { margin:0 0 8px; color:var(--cyan); font-size:.64rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }.asset-group-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.priority-options .asset-group-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.asset-group-grid .asset-card,.asset-group-grid .priority-card { min-height:50px; }
.asset-network { display:block; margin-top:2px; color:#938c7f; font-size:.56rem; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.run-button-wrap { position:relative; display:inline-flex; cursor:not-allowed; }.run-button-wrap:has(button:not(:disabled)){cursor:pointer}.run-button-wrap:has(button:disabled):hover:after { content:attr(data-tooltip); position:absolute; z-index:4; left:0; bottom:calc(100% + 9px); width:210px; padding:8px 10px; color:#f5eddb; background:#17130d; border:1px solid #b997504d; border-radius:8px; font-size:.7rem; font-weight:600; line-height:1.35; box-shadow:0 12px 30px #0009; }.run-button-wrap .button:disabled { color:#817a6d; background:#26231d; border-color:#403a2d; box-shadow:none; }
.progress-track div { background:linear-gradient(90deg,#a57c36,#d9b970); }.progress-track div.is-complete { background:linear-gradient(90deg,#4c9672,#9ce0b8); box-shadow:0 0 16px #74cf9d7d; }
.workflow-card>img { display:block; width:132px; height:132px; margin:0 auto 27px; padding:8px; border:1px solid #cba55c42; border-radius:50%; background:radial-gradient(circle,#302416 0,#15110c 68%); filter:drop-shadow(0 10px 20px #0008); animation:scope-float 4.6s ease-in-out infinite; }.workflow-card { text-align:left; }.workflow-card .eyebrow,.workflow-card h3,.workflow-card ol,.workflow-card .mini-note { position:relative; z-index:1; }@keyframes scope-float { 0%,100% { transform:translateY(0) rotate(0deg); } 50% { transform:translateY(-7px) rotate(1.2deg); } }
:root { --bg:#0c0b09; --bg2:#16130e; --panel:rgba(22,19,14,.89); --line:rgba(210,177,105,.17); --cyan:#d1ad63; --violet:#b49254; --emerald:#79ba90; --text:#f0eadc; --muted:#aaa296; }.glass-panel { background:linear-gradient(135deg,rgba(28,24,18,.92),rgba(15,14,12,.9)); }.workflow-card,.result-side { background:linear-gradient(145deg,#282015,#14110d); border-color:#c8a45b4d; }.priority-choices { background:linear-gradient(145deg,rgba(37,30,20,.94),rgba(18,15,12,.93)); }.asset-card,.priority-card,.network-item { background:#17130e; border-color:#c8a45b2e; }.asset-card:hover,.priority-card:hover,.asset-card.selected,.priority-card.selected { background:#372b193d; border-color:#d8b8698e; }.safety-banner { background:linear-gradient(90deg,#211a10,#15120d); }.asset-group { border-color:#c8a45b26; background:linear-gradient(100deg,#211a116e,#15120e78); }.brand-mark { background:linear-gradient(145deg,#2b2113,#0d0c0a); }.brand>span:last-child span { color:#e6cb8b; }body { background-image:radial-gradient(ellipse at 18% 4%,#af8a4315 0,transparent 36%),radial-gradient(ellipse at 84% 86%,#3d2e1b29 0,transparent 42%),linear-gradient(135deg,#0c0b09,#16130e 52%,#0e0d0b); }body:before { background-image:linear-gradient(rgba(218,181,103,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(218,181,103,.11) 1px,transparent 1px); }body:after { background:repeating-linear-gradient(60deg,transparent 0 93px,rgba(221,184,106,.07) 94px 95px,transparent 96px 188px),repeating-linear-gradient(-60deg,transparent 0 93px,rgba(221,184,106,.06) 94px 95px,transparent 96px 188px); }
.primary { color:#171108; background:linear-gradient(105deg,#c09a52,#ead28e); box-shadow:0 9px 25px #cba45a2d; }.ghost { border-color:#c8a45b4a; background:#d2ad600a; }.text-button { color:#b9ae99; }.signal-strip,.mini-note { color:#b8ad98; }.signal-strip i { background:#83c29e; box-shadow:0 0 0 5px #83c29e1c; }.local-pill { color:#cfe4c9; background:#83c29e0d; border-color:#83c29e3b; }.field input { color:#f0eadc; background:#100e0b; border-color:#c8a45b35; }.field input:focus { border-color:#d7b46a; box-shadow:0 0 0 3px #d7b46a20; }.workflow-card li { color:#d1c8b7; border-color:#e7d7b017; }.workflow-card b { color:#d7b46a; }.mini-note { border-color:#e7d7b017; }.section-copy,.hero>p,.result-heading>div>p:last-child,.completion-banner p,.result-side p,.steps p,details p { color:#b1a99a; }.network-item span { color:#aaa18f; }.progress-track { background:#100e0b; }.progress-list li { color:#8f8677; border-color:#d7b46a25; }.progress-list li.active { color:#f0eadc; border-color:#d7b46a; background:#d7b46a0c; }.progress-list li.complete { color:#9ed4ad; }.completion-mark { color:#b5efd0; background:#83c29e20; border-color:#83c29e63; }.result-card dt { color:#aaa18f; }.result-side { color:#f0eadc; }.fee-line small { color:#aaa18f; }.placeholder-warning { background:#cba45a10; border-color:#cba45a38; color:#efd3a7; }.inline-qr { border-color:#e7d7b017; }.site-date { color:#d9cfbd; background:#d7b46a0b; border-color:#d7b46a36; }.site-date:before { border-color:#d7b46a; box-shadow:inset 0 3px 0 -1px #d7b46a; }.demo-badge { color:#a9d8b3; border-color:#83c29e55; background:#83c29e0c; }.safety-banner strong { color:#e4c778; }.safety-banner span { color:#cdc3b1; }
:root { --bg:#050b16; --bg2:#091527; --panel:rgba(10,21,38,.83); --line:rgba(218,183,107,.18); --cyan:#d7b46a; --violet:#b59768; --emerald:#83c29e; --text:#f1ecdf; --muted:#aea99e; }.brand>span:last-child span { color:#e6cb8b; }.brand-mark { position:relative; display:block; width:34px; height:34px; border:1px solid #d7b46a; border-radius:10px; color:transparent; background:linear-gradient(145deg,#152847,#070d18); box-shadow:0 0 22px #cba45933,inset 0 0 16px #cba45915; }.brand-mark:before { content:""; position:absolute; inset:7px; border:1px solid #d7b46a; transform:rotate(30deg); }.brand-mark i { position:absolute; z-index:1; width:6px; height:6px; border-radius:50%; background:#efd99e; box-shadow:0 0 9px #d7b46a; }.brand-mark i:nth-child(1){top:7px;left:13px}.brand-mark i:nth-child(2){bottom:7px;left:7px}.brand-mark i:nth-child(3){right:7px;bottom:7px}.brand-mark:after { content:""; position:absolute; inset:11px 9px 9px; border-left:1.5px solid #efd99e; border-bottom:1.5px solid #efd99e; transform:skewY(-28deg) rotate(-30deg); }
body { background-image:radial-gradient(ellipse at 18% 4%,#b8924214 0,transparent 36%),radial-gradient(ellipse at 84% 86%,#193a5e40 0,transparent 42%),linear-gradient(135deg,#050b16,#081426 52%,#07101e); background-size:130% 130%,140% 140%,100% 100%; animation:institutional-depth 24s ease-in-out infinite alternate; }body:before { opacity:.3; background-image:linear-gradient(rgba(222,189,116,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(222,189,116,.12) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(145deg,transparent 3%,black 32%,transparent 84%); animation:grid-shift 35s linear infinite; }body:after { content:""; position:fixed; inset:-24%; z-index:0; pointer-events:none; opacity:.48; background:repeating-linear-gradient(60deg,transparent 0 93px,rgba(221,184,106,.075) 94px 95px,transparent 96px 188px),repeating-linear-gradient(-60deg,transparent 0 93px,rgba(221,184,106,.065) 94px 95px,transparent 96px 188px); mask-image:radial-gradient(ellipse at center,black,transparent 70%); animation:gold-lattice-drift 36s linear infinite; }.site-header,main,footer,.safety-banner { position:relative; z-index:1; }@keyframes institutional-depth { 0% { background-position:0 0,100% 100%,0 0; } 100% { background-position:12% 10%,86% 82%,0 0; } }@keyframes grid-shift { to { background-position:48px 48px,48px 48px; } }@keyframes gold-lattice-drift { to { transform:translate3d(4%,2%,0) rotate(1deg); } }
@keyframes status-spin { to { transform:rotate(360deg); } }
@media (max-width:520px) { .site-date { display:none; } }
@media (prefers-reduced-motion: reduce) { body,body:before,body:after,.completion-orbit,.completion-orbit:before,.completion-orbit:after,.large-green-check,.orbit-dot,.status-loader,.workflow-card>img { animation:none; } }