:root{--mcd-red: #da291c;--mcd-yellow: #ffc72c;--bg-dark: #121212;--card-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Inter,sans-serif;background-color:var(--bg-dark);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-image:radial-gradient(circle at 10% 20%,rgba(218,41,28,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,199,44,.1) 0%,transparent 40%)}.app-container{width:100%;max-width:450px;text-align:center}header{margin-bottom:30px}.mcd-logo{width:60px;height:60px;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(255,199,44,.4))}h1{font-size:2.5rem;font-weight:900;margin-bottom:10px;background:linear-gradient(to right,#fff,var(--mcd-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent}header p{color:#ffffffb3;font-size:.9rem}.upload-card,.preview-card,.loading-card,.result-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:40px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #0000004d}.upload-card{cursor:pointer;border-style:dashed;border-width:2px}.upload-card:hover{border-color:var(--mcd-yellow);background:#ffc72c0d}.upload-icon{font-size:3rem;margin-bottom:15px}.preview-card .image-wrapper{position:relative;width:100%;margin-bottom:20px}.preview-card img{width:100%;border-radius:16px;display:block;border:1px solid var(--glass-border)}#marker-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:16px;overflow:hidden}.fry-marker{position:absolute;border:3px solid var(--mcd-yellow);background:#ffc72c33;box-shadow:0 0 10px var(--mcd-yellow);border-radius:4px;display:flex;justify-content:center;align-items:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.fry-marker.red{border-color:var(--mcd-red);background:#da291c33;box-shadow:0 0 10px var(--mcd-red)}.fry-marker span{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.primary-btn{background:var(--mcd-red);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;width:100%;margin-bottom:12px;transition:transform .2s,background .2s;box-shadow:0 4px 15px #da291c4d}.primary-btn:hover{transform:translateY(-2px);background:#e62e22}.secondary-btn{background:transparent;color:#fff;border:1px solid var(--glass-border);padding:12px 24px;border-radius:50px;font-weight:500;cursor:pointer;width:100%}.hidden{display:none;opacity:0;transform:scale(.9)}.fry-scanner{position:relative;width:120px;height:120px;margin:0 auto 20px;background:#0003;border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:hidden}.fry-animation{font-size:4rem;animation:bounce .6s infinite alternate}.scanner-line{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--mcd-yellow);box-shadow:0 0 15px var(--mcd-yellow);animation:scan 2s linear infinite;z-index:2}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.result-card{background:linear-gradient(135deg,var(--mcd-red) 0%,#a01a11 100%);border:none;overflow:hidden;position:relative}.result-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:var(--mcd-yellow);border-radius:50%;opacity:.2}.badge{background:var(--mcd-yellow);color:var(--mcd-red);padding:6px 16px;border-radius:20px;font-weight:900;font-size:.8rem;text-transform:uppercase}.coupon-body{margin:30px 0}#fry-count{font-size:3rem;font-weight:900;margin-bottom:10px}.coupon-code{background:#0003;border:1px dashed rgba(255,255,255,.3);padding:15px;border-radius:12px;font-family:monospace;font-size:1.2rem;letter-spacing:2px;margin:20px 0}.usage-text{font-size:.6rem;opacity:.4;margin-top:20px;line-height:1.4}.coupon-footer{font-size:.8rem;opacity:.8}footer{margin-top:40px;font-size:.7rem;color:#fff6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease}.modal-content{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:32px;padding:40px;max-width:90%;width:350px;text-align:center;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay:not(.hidden) .modal-content{transform:scale(1)}.modal-icon{font-size:3rem;margin-bottom:20px}.modal-content h3{font-size:1.5rem;font-weight:900;margin-bottom:12px;color:var(--mcd-yellow)}.modal-content p{color:#fffc;line-height:1.6;margin-bottom:30px}.modal-overlay.hidden{display:none;opacity:0;pointer-events:none}