*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.header{background-color:var(--bk-cream);padding:.5rem 1rem;text-align:center}.bk-logo{font-size:1.5rem;font-weight:900;color:var(--bk-brown)}.redemption-page{min-height:100vh;background-color:var(--bk-cream);font-family:Arial,Helvetica,sans-serif}.redemption-content{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;min-height:calc(100vh - 150px);background-color:var(--bk-brown)}.redemption-card{background:linear-gradient(180deg,#f5a623,#f9c74f);border-radius:2rem;padding:3rem 2.5rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;border:none;text-align:center}.redemption-title{font-size:1.5rem;font-weight:700;color:var(--bk-brown);margin:0 0 .5rem;font-family:Helvetica,Arial,sans-serif;letter-spacing:0;line-height:1.1}.redemption-subtitle{font-size:1.1rem;color:var(--bk-subtitle-brown);margin:0 0 3rem;font-weight:400;letter-spacing:0}.code-display{background-color:transparent;padding:0;margin:1rem 0;border-radius:0;font-size:5rem;font-weight:700;color:var(--bk-brown);letter-spacing:0;text-align:center;font-family:Arial Black,Impact,Helvetica,sans-serif;word-spacing:0;box-shadow:none;line-height:1}.qr-section{margin-top:3.5rem}.qr-title{font-size:1.5rem;font-weight:700;color:var(--bk-brown);margin:0 0 .5rem;font-family:Helvetica,Arial,sans-serif;letter-spacing:0}.qr-subtitle{font-size:1.1rem;color:var(--bk-subtitle-brown);margin:0 0 2.5rem;font-weight:400;letter-spacing:0}.qr-code-container{background-color:var(--bk-white);padding:2rem;border-radius:1.5rem;display:inline-block;box-shadow:0 8px 24px #00000026}.qr-code-container svg{display:block;width:100%;height:auto;max-width:256px}@media(max-width:768px){.redemption-card{padding:2.5rem 2rem;margin:1rem}.code-display{font-size:2.5rem;padding:0}.qr-code-container{padding:.5rem}.qr-code-container svg{max-width:200px}}@media(max-width:480px){.redemption-card{padding:2rem 1.5rem;border-radius:1.5rem}.code-display{font-size:2.5rem;padding:.5rem;letter-spacing:.05em}.qr-code-container svg{max-width:180px}}.redemption-card .redemption-title{animation:fadeIn .5s ease-in}.redemption-card .redemption-subtitle{animation:fadeIn .5s ease-in .1s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--bk-yellow);border-top-color:var(--bk-brown);border-radius:50%;animation:spin .8s linear infinite;margin-top:1rem}:root{--bk-brown: #502314;--bk-dark-brown: #3d1a0f;--bk-orange: #f5a623;--bk-yellow: #f9c74f;--bk-cream: #f4e8d8;--bk-white: #ffffff;--bk-text-dark: #2c1810;--bk-subtitle-brown: #7a5c3a}.not-found-page{min-height:100vh;background-color:var(--bk-cream);font-family:Arial,Helvetica,sans-serif}.not-found-content{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:calc(100vh - 150px);background-color:var(--bk-brown)}.not-found-card{background:linear-gradient(180deg,#f5a623,#f9c74f);border-radius:2rem;padding:3rem 2.5rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;border:none;text-align:center}.not-found-title{font-size:6rem;font-weight:900;color:var(--bk-brown);margin:0 0 1rem;font-family:Helvetica,Arial,sans-serif;line-height:1}.not-found-subtitle{font-size:2rem;font-weight:900;color:var(--bk-brown);margin:0 0 1rem;font-family:Helvetica,Arial,sans-serif;letter-spacing:.01em}.not-found-message{font-size:1.25rem;color:var(--bk-subtitle-brown);margin:0 0 1rem;font-weight:400}.not-found-info{font-size:1rem;color:var(--bk-subtitle-brown);margin:0;line-height:1.6;font-weight:400}@media(max-width:768px){.not-found-card{padding:2.5rem 2rem;margin:1rem}.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.75rem}.not-found-message{font-size:1.1rem}.not-found-info{font-size:.95rem}}@media(max-width:480px){.not-found-header{padding:1.5rem 1rem}.not-found-card{padding:2rem 1.5rem;border-radius:1.5rem}.not-found-title{font-size:3rem}.not-found-subtitle{font-size:1.5rem}.not-found-message{font-size:1rem}.not-found-info{font-size:.9rem}}#root{width:100%;margin:0;padding:0}