:root{--primary: hsl(142, 70%, 45%);--primary-hover: hsl(142, 70%, 40%);--secondary: hsl(210, 20%, 98%);--accent: hsl(240, 5%, 15%);--text: hsl(240, 10%, 10%);--text-muted: hsl(240, 5%, 45%);--background: radial-gradient(circle at top left, hsl(0, 0%, 100%), hsl(210, 20%, 98%));--card-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);--shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--background);color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.container{width:100%;max-width:480px;padding:2rem;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:2.5rem;width:100%}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.75rem;font-weight:700;color:var(--accent);margin-bottom:.5rem;letter-spacing:-.025em}.header p{color:var(--text-muted);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--accent)}.input-wrapper{position:relative}input{width:100%;padding:.75rem 1rem;border-radius:calc(var(--radius) / 1.5);border:1px solid hsl(240,5%,90%);background:#fff;font-size:1rem;transition:var(--transition);outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #22c35d1a}button{width:100%;padding:.875rem;border:none;border-radius:calc(var(--radius) / 1.5);background:var(--primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:1rem;box-shadow:0 4px 12px #8eb37333}button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #8eb3734d}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#fff0f0;color:#c32222;padding:.75rem;border-radius:calc(var(--radius) / 2);font-size:.875rem;margin-bottom:1.5rem;border:1px solid hsl(0,100%,90%)}.result-container{margin-top:2rem;animation:fadeIn .4s ease-out}.boleta-viewer{width:100%;height:600px;border:none;border-radius:var(--radius);box-shadow:var(--shadow);margin-top:1rem}.back-button{background:transparent;color:var(--primary);border:2px solid var(--primary);margin-top:1.5rem;box-shadow:none}.back-button:hover{background:#22c35d0d;box-shadow:none}