:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-bg-start:#1e1b4b;--color-bg-end:#312e81;--color-card-bg:rgba(255,255,255,0.1);--color-text-primary:#ffffff;--color-text-secondary:rgba(255,255,255,0.8);--color-text-tertiary:rgba(255,255,255,0.6);--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--color-border:rgba(255,255,255,0.2);--color-text:rgba(255,255,255,0.9)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-text-primary);overflow-x:hidden;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-start) 0,var(--color-bg-end) 100%);z-index:-1}.background-gradient:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;z-index:1}.card{background:var(--color-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:560px;box-shadow:var(--shadow-2xl);animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:var(--radius-lg);margin:0 auto var(--spacing-lg);box-shadow:0 10px 30px rgba(99,102,241,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.icon{width:36px;height:36px;color:white}.title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#ffffff,rgba(255,255,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.description{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:1rem}.form,.input-group{margin-bottom:var(--spacing-lg)}.label{display:block;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:.875rem;letter-spacing:.025em;text-transform:uppercase}.input-wrapper{position:relative}.input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-2xl);font-size:1rem;font-family:inherit;color:var(--color-text-primary);background:rgba(255,255,255,.1);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base);min-height:52px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{background:rgba(255,255,255,.15);border-color:var(--color-primary-light);box-shadow:0 0 0 4px rgba(99,102,241,.2);transform:translateY(-2px)}.input.valid{border-color:var(--color-success)}.input.invalid{border-color:var(--color-error);animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none;transition:color var(--transition-base)}.input:focus+.input-icon{color:var(--color-primary-light)}.error-message{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-error);display:none;align-items:center;gap:var(--spacing-xs)}.error-message.show{display:flex;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;font-family:inherit;color:white;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 15px rgba(99,102,241,.4);min-height:52px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:hover:before{width:300px;height:300px}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.5)}.button:active{transform:translateY(0)}.button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-icon,.button-text{position:relative;z-index:1;transition:all var(--transition-base)}.button-icon{width:20px;height:20px}.button.loading .button-icon,.button.loading .button-text,.loader{opacity:0}.loader{position:absolute;width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;transition:opacity var(--transition-base)}.button.loading .loader{opacity:1;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.info-box{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.info-icon{width:20px;height:20px;color:var(--color-primary-light);flex-shrink:0;margin-top:2px}.info-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.info-text p{margin:0;margin-bottom:var(--spacing-xs)}.info-text p:last-child{margin-bottom:0}.info-text code{padding:2px 6px;background:rgba(255,255,255,.1);border-radius:4px;font-family:Courier New,monospace;font-size:.8125rem;color:var(--color-primary-light);word-break:break-word;overflow-wrap:break-word}.footer{margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);font-size:.875rem;animation:fadeIn 1s ease-in-out .3s both}@media (max-width:480px){body{min-height:100dvh}html{font-size:15px}.container{padding:var(--spacing-md)}.card{padding:var(--spacing-lg);border-radius:var(--radius-lg);max-width:100%}.icon-wrapper{width:56px;height:56px;margin-bottom:var(--spacing-md)}.icon{width:32px;height:32px}.title{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.description{font-size:.9rem;margin-bottom:var(--spacing-lg)}.input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem;font-size:16px;min-height:48px;-webkit-text-size-adjust:100%}.input-icon{left:var(--spacing-sm);width:18px;height:18px}.button{min-height:48px;padding:var(--spacing-md) var(--spacing-lg);font-size:.9375rem}.button-icon{width:18px;height:18px}.info-box{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.info-text{font-size:.8125rem}.info-text code{font-size:.75rem;padding:1px 4px;word-break:break-all}.ticket-result-title{font-size:1.25rem}.ticket-image-container:not(.full-size){max-height:400px}.action-button{padding:.625rem 1.25rem;font-size:.875rem;min-height:44px}}@media (max-width:375px){.container{padding:var(--spacing-sm)}.card{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg)}.title{font-size:1.375rem;line-height:1.3}.description{font-size:.875rem}.input{padding-left:2.25rem}.info-box{padding:var(--spacing-sm)}.info-text{font-size:.8rem}.ticket-image-container:not(.full-size){max-height:300px}}@media (min-width:641px) and (max-width:768px){.card{padding:2.5rem}}.button:focus-visible,.input:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.loading-status{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:12px;border:2px solid var(--color-border)}.loading-status-content{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.loading-icon{font-size:1.5rem;animation:bounce 1s infinite}.loading-text{font-size:1rem;font-weight:500;color:var(--color-text)}.loading-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.loading-bar-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:2px;animation:loading 1.5s ease-in-out infinite}@media (max-width:480px){.loading-status{margin:1.5rem 0;padding:1rem}.loading-status-content{gap:.75rem}.loading-icon{font-size:1.25rem}.loading-text{font-size:.9rem}}@keyframes loading{0%{width:0;margin-left:0}50%{width:50%;margin-left:25%}to{width:0;margin-left:100%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ticket-result{margin-top:2rem;animation:slideIn .5s ease-out}.ticket-result-header{text-align:center;margin-bottom:1.5rem}.ticket-result-title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem;line-height:1.3}.ticket-result-description{font-size:.95rem;color:var(--color-text-light)}@media (max-width:480px){.ticket-result{margin-top:1.5rem}.ticket-result-header{margin-bottom:1rem}.ticket-result-title{font-size:1.25rem}.ticket-result-description{font-size:.875rem}}.ticket-image-container{position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--color-border);background:white;transition:all .3s ease;cursor:pointer;margin-bottom:1.5rem;-webkit-tap-highlight-color:transparent}.ticket-image-container:hover{border-color:var(--color-primary-light);box-shadow:0 8px 24px rgba(102,126,234,.15)}.ticket-image-container.full-size{cursor:zoom-out}.ticket-image-container:not(.full-size){max-height:500px}.ticket-image{width:100%;height:auto;display:block;transition:transform .3s ease;touch-action:manipulation;-webkit-user-drag:none}.ticket-image-container:not(.full-size) .ticket-image{object-fit:contain;max-height:500px}@media (max-width:480px){.ticket-image-container{border-radius:8px;margin-bottom:1rem}.ticket-image-container:not(.full-size),.ticket-image-container:not(.full-size) .ticket-image{max-height:400px}}@media (max-width:375px){.ticket-image-container:not(.full-size),.ticket-image-container:not(.full-size) .ticket-image{max-height:300px}}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);padding:1rem;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.ticket-image-container:hover .image-overlay{opacity:1}.ticket-image-container:focus-within .image-overlay{opacity:1}.image-overlay span{color:white;font-size:.9rem;font-weight:500}.ticket-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-button:active{transform:translateY(0)}.action-button-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white}.action-button-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.action-button-secondary{background:white;color:var(--color-primary);border:2px solid var(--color-primary-light)}.action-button-secondary:hover{background:var(--color-primary-light);color:white;border-color:var(--color-primary-light)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.ticket-actions{flex-direction:column;gap:.75rem}.action-button{width:100%;justify-content:center}}@media (max-width:480px){.ticket-actions{gap:.625rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.background-gradient{display:none}.card{box-shadow:none;border:1px solid #ccc}.loading-status,.ticket-actions{display:none}.ticket-image-container{border:none;max-height:none!important}}