*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e0e0e0;min-height:100vh;-webkit-tap-highlight-color:transparent}.app{max-width:700px;margin:0 auto;padding:24px 20px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:32px}.header h1{font-size:28px;font-weight:700;color:#e0a526;margin-bottom:4px;letter-spacing:1px}.header p{font-size:16px;color:#a0a0b0}.cross-icon{font-size:48px;margin-bottom:8px}.search-section{background:#ffffff0f;border-radius:16px;padding:24px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.search-section h2{font-size:18px;margin-bottom:16px;color:#c0c0d0}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:14px;font-weight:600;color:#a0a0b0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.input-group input{width:100%;padding:16px;font-size:20px;border:2px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0d;color:#fff;outline:none;transition:border-color .2s}.input-group input:focus{border-color:#e0a526}.input-group input::placeholder{color:#606080}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:18px 24px;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;letter-spacing:.5px}.btn:active{transform:scale(.98)}.btn-primary{background:#e0a526;color:#1a1a2e}.btn-primary:hover{background:#f0b536}.btn-primary:disabled{background:#555;color:#888;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#e0e0e0;margin-top:12px}.btn-secondary:hover{background:#ffffff26}.btn-whatsapp{background:#25d366;color:#fff;margin-top:12px}.btn-whatsapp:hover{background:#20bd5a}.result-card{background:#ffffff0f;border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid rgba(255,255,255,.08);animation:fadeIn .3s ease}.result-card.found{border-color:#25d366}.result-card.new{border-color:#e0a526}.result-card h3{font-size:20px;margin-bottom:12px}.result-card .participant-info{font-size:16px;line-height:1.8}.result-card .participant-info span{color:#a0a0b0;margin-right:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;margin:4px 4px 4px 0}.status-badge.active{background:#25d36633;color:#25d366}.status-badge.pending{background:#e0a52633;color:#e0a526}.search-results{list-style:none}.search-results li{padding:16px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;border-radius:8px;transition:background .2s}.search-results li:hover{background:#ffffff0a}.search-results li .name{font-size:18px;font-weight:600}.search-results li .details{font-size:14px;color:#a0a0b0;margin-top:4px}.success-message{text-align:center;padding:40px 20px;animation:fadeIn .4s ease}.success-message .checkmark{font-size:64px;margin-bottom:16px}.success-message h2{font-size:24px;color:#25d366;margin-bottom:8px}.success-message p{font-size:16px;color:#a0a0b0;margin-bottom:24px}.loading{text-align:center;padding:20px;color:#a0a0b0}.spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:#e0a526;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}.error-message{background:#dc354526;border:1px solid rgba(220,53,69,.3);border-radius:12px;padding:16px;color:#ff6b6b;margin-bottom:16px;font-size:16px}.reset-area{margin-top:auto;padding-top:20px;text-align:center}.reset-link{background:none;border:none;color:#606080;font-size:14px;cursor:pointer;padding:12px;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px)and (orientation:landscape){.app{max-width:800px;padding:20px 40px}.header h1{font-size:32px}.input-group input{font-size:22px;padding:18px}}@media(max-width:400px){.header h1{font-size:22px}.input-group input{font-size:18px;padding:14px}.btn{font-size:16px;padding:14px}}
