.slot-machine-container{width:100%;max-width:900px;margin:0 auto;padding:2rem}.slot-machine-header{text-align:center;margin-bottom:3rem}.slot-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;background:linear-gradient(135deg,#e9a568,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.slot-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary)}.slot-machine{position:relative;background:linear-gradient(135deg,#161d2b,#1e2636);border-radius:24px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 60px #00000080;border:2px solid rgba(233,165,104,.2)}.slot-frame{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative}.slot-column{background:#0f131c;border-radius:16px;height:360px;overflow:hidden;position:relative;border:2px solid rgba(233,165,104,.3);box-shadow:inset 0 4px 20px #0009}.slot-column:before{content:"";position:absolute;top:50%;left:0;right:0;height:120px;transform:translateY(-50%);background:linear-gradient(90deg,#e9a56826,#e9a56840,#e9a56826);border-top:2px solid rgba(233,165,104,.6);border-bottom:2px solid rgba(233,165,104,.6);pointer-events:none;z-index:5;box-shadow:0 0 20px #e9a5684d,inset 0 0 20px #e9a5681a}.slot-column-inner{will-change:transform}.slot-item{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid rgba(233,165,104,.1)}.prize-icon{font-size:3rem;margin-bottom:.5rem}.prize-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.prize-amount{font-size:1.25rem;font-weight:700;color:#e9a568}.slot-input-section{text-align:center}.email-input-wrapper{margin-bottom:1rem}.email-input{width:100%;max-width:400px;padding:1rem 1.5rem;font-size:1rem;border-radius:999px;border:2px solid rgba(233,165,104,.3);background:#161d2b;color:var(--text-primary);outline:none;transition:all .3s ease}.email-input:focus{border-color:#e9a568;box-shadow:0 0 0 4px #e9a5681a}.email-input::placeholder{color:var(--text-secondary)}.email-input:disabled{opacity:.5;cursor:not-allowed}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#dc2626f2;color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;box-shadow:0 10px 40px #0000004d;z-index:1000;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.draw-button{padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:999px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #dc26264d;position:relative;overflow:hidden}.draw-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.draw-button:hover:before{left:100%}.draw-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #dc262666}.draw-button:active:not(:disabled){transform:translateY(0)}.draw-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.slot-machine-container,.slot-machine{padding:1rem}.slot-frame{gap:.75rem}.slot-column{height:300px}.slot-item{height:100px}.prize-icon{font-size:2rem}.prize-name{font-size:.875rem}.prize-amount{font-size:1rem}.draw-button{padding:1rem 2rem;font-size:1rem}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(135deg,#161d2b,#1e2636);border-radius:24px;padding:3rem 2rem;max-width:500px;width:100%;text-align:center;border:2px solid rgba(233,165,104,.3);box-shadow:0 30px 80px #0009;position:relative}.modal-header{margin-bottom:2rem}.prize-icon-large{font-size:5rem;margin-bottom:1rem;display:inline-block}.modal-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:.5rem}.winner-title{background:linear-gradient(135deg,#e9a568,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.thanks-title{color:var(--text-primary)}.modal-body,.prize-info{margin-bottom:2rem}.prize-name-large{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.prize-amount-large{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#e9a568,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.code-section{background:#0f131c;border-radius:16px;padding:1.5rem;border:2px solid rgba(233,165,104,.2)}.code-label{font-size:1rem;color:var(--text-secondary);margin-bottom:.75rem}.code-display{font-size:1.5rem;font-weight:700;color:#e9a568;background:#e9a5681a;padding:1rem;border-radius:12px;letter-spacing:.1em;font-family:Courier New,monospace;margin-bottom:.75rem;word-break:break-all}.code-hint{font-size:.875rem;color:#dc2626;line-height:1.4}.thanks-message{font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.close-button{padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#e9a568,#d89558);border:none;border-radius:999px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #e9a5684d}.close-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #e9a56866}.close-button:active{transform:translateY(0)}@media (max-width: 768px){.modal-content{padding:2rem 1.5rem}.prize-icon-large{font-size:4rem}.prize-amount-large{font-size:2.5rem}.code-display{font-size:1.25rem}}@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light;--text-primary: #F8FAFC;--text-secondary: #94A3B8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#0a0d12,#1e2636);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#161d2b}::-webkit-scrollbar-thumb{background:#e9a568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d89558}
