.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;background:var(--primary);border-bottom:1px solid var(--border)}.logo{height:36px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,166,0,.15));transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 28px rgba(255,166,0,.35))}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.card{position:relative;width:100%;max-width:460px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:3rem 2.5rem;text-align:center;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:#ffa6004d;box-shadow:0 8px 40px #0000004d,0 0 80px #ffa6000d}.card-glow{position:absolute;top:-60%;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,166,0,.08) 0%,transparent 70%);pointer-events:none}.title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:2rem}.text-secondary{color:var(--text-secondary);margin-bottom:1.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:var(--accent);color:var(--primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:inherit;box-shadow:0 4px 20px #ffa60040}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ffa60066;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-icon{display:flex;align-items:center}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:inherit;margin-top:.5rem}.btn-secondary:hover{background:#ffa6001a;transform:translateY(-1px)}.qr-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-container{padding:1rem;background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000004d;animation:fadeScaleIn .4s ease}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:100px;font-size:.85rem;font-weight:500;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border)}.status-badge[data-status=scanned]{color:var(--accent);border-color:#ffa6004d;background:#ffa6000d}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.small{width:16px;height:16px;border-width:2px}.loader-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.status-text{color:var(--text-secondary);font-size:.9rem}.result{display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeScaleIn .5s ease}.avatar-wrap{position:relative;display:inline-block;margin-bottom:.5rem;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--success);box-shadow:0 4px 20px #48c7744d}.avatar-badge{position:absolute;bottom:2px;right:2px;background:var(--card-bg);border-radius:50%;padding:2px;line-height:0}.success-icon,.error-icon{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.result-title{font-size:1.35rem;font-weight:700;color:var(--success)}.result-title.error{color:var(--error)}.claims-grid{width:100%;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.claim{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--card-hover-bg);border-radius:10px;border:1px solid var(--border);transition:border-color .2s ease}.claim:hover{border-color:#ffa60033}.claim-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.claim-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.footer{text-align:center;padding:1.25rem;color:var(--text-secondary);font-size:.78rem;border-top:1px solid var(--border);opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width: 520px){.card{padding:2rem 1.5rem;border-radius:16px}.title{font-size:1.4rem}.qr-container svg{width:180px!important;height:180px!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a1f3a;--accent: #ffa600;--body-bg: #1e2341;--card-bg: #232847;--card-hover-bg: #2a3050;--text-primary: #e0e0e0;--text-secondary: #a8b2d1;--border: #2d3561;--success: #48c774;--error: #f14668;--info: #3298dc}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--body-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}