@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Rajdhani:wght@500;600;700&display=swap";:root{--font-display: "Orbitron", sans-serif;--font-family: "Rajdhani", sans-serif;--text-strong: #e8fff4;--text-muted: #7a9e8e;--text-soft: #a8cfc0;--bg-page-a: #050807;--bg-page-b: #0a1410;--bg-card: #0d1612;--bg-elevated: #121f19;--border-soft: #1e3a2f;--border-strong: #2a5543;--brand-50: #10241c;--brand-100: #1a3d2e;--brand-500: #6cffb2;--brand-600: #3dff9a;--brand-700: #22d67a;--danger-bg: #2a1212;--danger-text: #ff8f8f;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .45);--shadow-md: 0 18px 40px rgba(0, 0, 0, .55);--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .18s ease;--transition-smooth: .26s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-family);color:var(--text-strong);background:radial-gradient(circle at 12% 8%,rgba(61,255,154,.12),transparent 42%),radial-gradient(circle at 88% 92%,rgba(34,214,122,.08),transparent 48%),linear-gradient(180deg,var(--bg-page-a) 0%,var(--bg-page-b) 100%)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.screen-shell{width:100%;max-width:430px;display:flex;flex-direction:column;gap:.8rem}.card{width:100%;background:linear-gradient(180deg,#101c17 0%,var(--bg-card) 100%);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--brand-500) 35%,var(--brand-700) 65%,transparent 100%)}.logo-slot{margin:0;min-height:56px;display:flex;align-items:center;justify-content:center}.logo-image{width:auto;max-width:180px;max-height:52px;border:none;border-radius:0;object-fit:contain}.logo-placeholder{min-width:140px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .85rem;border:1px solid var(--border-strong);border-radius:10px;color:var(--brand-500);font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.18em;background:var(--brand-50)}h1{margin:.35rem 0 1rem;font-family:var(--font-display);font-size:1.28rem;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong)}.step-content{display:flex;flex-direction:column;gap:.9rem;animation:fade-slide-in var(--transition-smooth)}.description{margin:0;color:var(--text-soft);line-height:1.5;font-size:1.05rem;font-weight:500}.camera-frame{border-radius:var(--radius-lg);overflow:hidden;background:#050807;border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);aspect-ratio:9 / 16;max-height:70vh}.camera-frame video{transform:scaleX(-1);transform-origin:center;height:100%;object-fit:cover}video,img{width:100%;display:block}img{border-radius:var(--radius-lg);border:1px solid var(--border-soft)}.actions{display:flex;flex-direction:column;gap:.6rem}button{border:1px solid transparent;border-radius:10px;padding:.9rem 1rem;font-family:var(--font-family);font-size:1.05rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #6cffb259}.primary-button{background:linear-gradient(180deg,var(--brand-500) 0%,var(--brand-700) 100%);color:#04110b;box-shadow:0 10px 22px #22d67a38}.primary-button:hover:not(:disabled){background:linear-gradient(180deg,#8affc4 0%,var(--brand-600) 100%)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.placeholder{margin:0;color:var(--text-muted);text-align:center;padding:.65rem 0}.loading-panel{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(180deg,#122019,#0c1612);padding:1.15rem .9rem;text-align:center;box-shadow:var(--shadow-sm)}.loading-orb{width:52px;height:52px;margin:0 auto .9rem;border-radius:50%;border:2px solid var(--brand-500);background:radial-gradient(circle at 35% 30%,rgba(108,255,178,.35) 0%,transparent 55%);animation:pulse-orb 1.25s ease-in-out infinite}.loading-title{margin:0;font-family:var(--font-display);font-size:.92rem;font-weight:700;letter-spacing:.04em;color:var(--text-strong)}.loading-subtitle{margin:.5rem 0 0;color:var(--text-soft);font-size:1rem;line-height:1.45}.loading-progress{width:100%;height:6px;margin-top:1rem;background:var(--brand-50);border-radius:999px;overflow:hidden}.loading-progress-bar{display:block;height:100%;width:36%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-700) 0%,var(--brand-500) 100%);animation:progress-slide 1.3s ease-in-out infinite}.error{color:var(--danger-text);margin:.8rem 0 0;font-size:.95rem;background:var(--danger-bg);border:1px solid #5a2a2a;border-radius:10px;padding:.55rem .65rem}.hidden{display:none}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-orb{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes progress-slide{0%{transform:translate(-115%)}to{transform:translate(290%)}}@media (min-width: 768px){.screen-shell{max-width:480px}.card{padding:1.5rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}