:root{--bg-cream: #fbf9f6;--bg-card: #ffffff;--text-main: #3d352e;--text-muted: #8b8075;--brand-terracotta: #a8583c;--brand-terracotta-hover: #904b33;--border-light: #e6dfd7;--border-input: #e0d9d2;--font-sans: "Montserrat", system-ui, sans-serif;--raf-avail: #f2eee8;--raf-taken: #d6cfc5;--raf-select: #a8583c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--text-main);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.app-content{width:100%;max-width:800px}.app-header{text-align:center;margin-bottom:2rem}.logo{height:60px;object-fit:contain;margin-bottom:1.5rem}.main-title{font-size:2rem;font-weight:700;color:var(--text-main)}.subtitle{color:var(--text-muted);font-size:1rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.progress-tracker{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.tracker-step{font-size:.85rem;font-weight:600;color:var(--text-muted);padding:.5rem 1rem;border-bottom:3px solid transparent;transition:all .3s}.tracker-step.active{color:var(--brand-terracotta);border-bottom-color:var(--brand-terracotta)}.card-container{background-color:var(--bg-card);border-radius:20px;padding:3rem;box-shadow:0 15px 35px -10px #0000000d;position:relative;overflow:hidden;min-height:400px}.interactive-step{display:none;animation:fadeIn .4s ease forwards}.interactive-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.section-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:2.5rem}.input-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.input-group label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.input-group input{border:none;border-bottom:2px solid var(--border-input);padding:.75rem 0;font-family:var(--font-sans);font-size:1rem;color:var(--text-main);background-color:transparent;outline:none;transition:border-color .2s}.input-group input:focus{border-bottom-color:var(--brand-terracotta)}.input-hint{font-size:.75rem;color:var(--text-muted);margin-top:.4rem}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.full-width{grid-column:1 / -1}.btn-location{background-color:#faf8f5;border:1px solid #efe8e1;color:var(--text-main);font-weight:600}.btn-location:hover{background-color:#f2eee8}.btn-location i{color:var(--brand-terracotta);width:20px;height:20px}.btn{padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;border:none;font-family:var(--font-sans);width:100%}.btn-primary{background-color:var(--brand-terracotta);color:#fff}.btn-primary:hover{background-color:var(--brand-terracotta-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background-color:transparent;border:1px solid var(--border-light);color:var(--text-main)}.btn-outline:hover{background-color:#f6f3eb}.action-buttons{display:flex;gap:1rem}.action-buttons.stretch button{flex:1}.legend-container{display:flex;gap:1.5rem;align-items:center;justify-content:center;margin-bottom:2rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-box{width:16px;height:16px;border-radius:4px}.legend-box.available{background-color:var(--raf-avail)}.legend-box.taken{background-color:var(--raf-taken);opacity:.6}.legend-box.selected{background-color:var(--raf-select)}.raffle-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;max-height:350px;overflow-y:auto;padding-right:10px}.raffle-grid::-webkit-scrollbar{width:6px}.raffle-grid::-webkit-scrollbar-track{background:transparent}.raffle-grid::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}.raffle-num{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--raf-avail);color:var(--text-main);border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s;border:2px solid transparent}.raffle-num:hover:not(.taken){border-color:var(--brand-terracotta);transform:translateY(-2px)}.raffle-num.taken{background-color:var(--raf-taken);color:#fff;cursor:not-allowed;opacity:.6}.raffle-num.selected{background-color:var(--raf-select);color:#fff;border-color:var(--raf-select);transform:scale(1.05);box-shadow:0 4px 10px #a8583c4d}.ticket-wrapper{display:flex;flex-direction:column;align-items:center}.digital-ticket{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 20px 50px -10px #a8583c2e;overflow:hidden;border:1.5px solid var(--border-light)}.ticket-top{background:var(--brand-terracotta);padding:2rem 1.5rem 1.5rem;text-align:center;color:#fff}.ticket-top .ticket-logo{height:48px;object-fit:contain;margin-bottom:.75rem;filter:brightness(0) invert(1)}.ticket-org{font-size:.75rem;font-weight:600;letter-spacing:.1em;opacity:.85;margin-bottom:.25rem}.ticket-event{font-size:1rem;font-weight:700;letter-spacing:.05em}.ticket-perforation{display:flex;align-items:center;background:var(--bg-cream);height:20px;position:relative}.ticket-perforation:before,.ticket-perforation:after{content:"";position:absolute;width:20px;height:20px;background:var(--bg-cream);border-radius:50%;border:1.5px solid var(--border-light)}.ticket-perforation:before{left:-10px}.ticket-perforation:after{right:-10px}.ticket-mid{padding:2rem 1.5rem;text-align:center;background:#fff}.ticket-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem}.ticket-number{font-size:5rem;font-weight:800;color:var(--brand-terracotta);line-height:1;margin-bottom:.5rem}.ticket-name{font-size:1rem;font-weight:600;color:var(--text-main)}.ticket-bottom{background:var(--bg-cream);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;position:relative}.ticket-detail{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.ticket-detail span{color:var(--text-muted)}.ticket-detail strong{color:var(--text-main);font-weight:600;max-width:60%;text-align:right;word-break:break-all}.ticket-stamp{display:inline-block;margin-top:.75rem;align-self:center;border:2.5px solid #4ade80;color:#16a34a;font-size:.7rem;font-weight:800;letter-spacing:.15em;padding:.3rem .9rem;border-radius:6px;transform:rotate(-2deg)}.ticket-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:420px}.required-star{color:var(--brand-terracotta);margin-left:2px}.location-error{display:flex;align-items:center;gap:.4rem;color:#dc2626;font-size:.82rem;font-weight:500;margin-top:.5rem}.location-error i{width:14px;height:14px;flex-shrink:0}.ticket-hint{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-top:1.25rem}.ticket-hint i{width:14px;height:14px}.text-muted-note{font-weight:400;color:var(--text-muted);font-size:.8em}.textarea-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.textarea-group label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.textarea-group textarea{border:none;border-bottom:2px solid var(--border-input);padding:.75rem 0;font-family:var(--font-sans);font-size:1rem;color:var(--text-main);background:transparent;outline:none;resize:vertical;min-height:90px;transition:border-color .2s}.textarea-group textarea:focus{border-bottom-color:var(--brand-terracotta)}.radio-group,.check-group{margin-bottom:1.5rem}.group-label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem;display:block}.radio-options,.check-options{display:flex;flex-direction:column;gap:.65rem}.radio-option,.check-option{display:flex;align-items:center;gap:.65rem;cursor:pointer;font-size:.95rem;color:var(--text-main)}.radio-option input,.check-option input{accent-color:var(--brand-terracotta);width:18px;height:18px;cursor:pointer;flex-shrink:0}.file-group{margin-bottom:1.5rem}.file-label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.6rem;display:block}.file-drop{border:2px dashed var(--border-input);border-radius:12px;padding:1.75rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;position:relative}.file-drop:hover{border-color:var(--brand-terracotta);background-color:#fdf8f5}.file-drop input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-drop-icon{color:var(--brand-terracotta);margin-bottom:.5rem}.file-drop-icon svg{width:32px;height:32px}.file-drop p{font-size:.85rem;color:var(--text-muted)}.file-drop p strong{color:var(--brand-terracotta)}.file-drop-hint{font-size:.75rem!important;margin-top:.3rem;opacity:.7}.file-preview-text{font-size:.8rem;color:var(--brand-terracotta);margin-top:.5rem;font-weight:500}@media (max-width: 600px){.card-container{padding:2rem 1.5rem}.raffle-grid{grid-template-columns:repeat(5,1fr);gap:10px}.action-buttons{flex-direction:column}}