:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-main: #f8fafc;--primary: #3b82f6;--success: #22c55e;--error: #ef4444}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100%;height:100vh;display:flex;flex-direction:column}.terminal-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.camera-frame{position:relative;width:100%;max-width:600px;aspect-ratio:1/1;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 0 40px #3b82f633;border:4px solid var(--card-bg)}.camera-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10}.scan-line{position:absolute;width:100%;height:4px;background:var(--primary);opacity:.6;box-shadow:0 0 10px var(--primary);animation:scan 2s linear infinite}@keyframes scan{0%{top:0%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}.status-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;width:100%;max-width:500px;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-large{background:var(--primary);color:#fff;border:none;padding:1rem 3rem;font-size:1.5rem;border-radius:50px;cursor:pointer;transition:transform .1s;box-shadow:0 10px 25px -5px #3b82f680;display:flex;align-items:center;gap:1rem}.btn-large:active{transform:scale(.95)}.clock{font-size:1.2rem;opacity:.8;margin-bottom:2rem;position:absolute;top:1rem;right:1rem}