:root{--primary-color:#0077b6;--secondary-color:#023e8a;--accent-color:#ffb703;--success-color:#48a9a6;--danger-color:#e63946;--text-dark:#212529;--text-medium:#495057;--text-light:#ffffff;--bg-gradient:linear-gradient(to bottom right,#00b4d8,#48cae4,#0077b6);--container-bg:#ffffff;--border-color:#e9ecef;--box-shadow:rgba(0,0,0,.2);--border-radius:8px;--padding-base:20px}body{margin:0;padding:0;font-family:'Outfit',sans-serif;background:var(--bg-gradient);color:var(--text-dark);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;text-align:center;line-height:1.5;padding:var(--padding-base);box-sizing:border-box}.container{background-color:var(--container-bg);padding:calc(var(--padding-base) + 10px);border-radius:var(--border-radius);box-shadow:0 15px 30px var(--box-shadow);max-width:500px;width:100%;margin:0 auto;position:relative;overflow:hidden;animation:fadeIn .6s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}h1{color:var(--secondary-color);font-size:2em;margin-bottom:8px;line-height:1.2;font-weight:700}h2{color:var(--primary-color);font-size:1.5em;margin-top:0;margin-bottom:var(--padding-base);font-weight:600}p{font-size:1.1em;margin-bottom:var(--padding-base);color:var(--text-medium)}.prize-gallery{position:relative;width:100%;padding-top:60%;overflow:hidden;border-radius:var(--border-radius);margin-bottom:calc(var(--padding-base) + 5px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.prize-gallery img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity 1.5s ease-in-out}.prize-gallery img.active{opacity:1}.progress-bar-container{width:100%;background-color:var(--border-color);border-radius:20px;margin-bottom:var(--padding-base);height:25px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.progress-bar{width:0;height:100%;background:linear-gradient(to right,var(--success-color),#a7dadb);text-align:center;line-height:25px;color:var(--text-light);font-weight:700;transition:width .6s ease-in-out;border-radius:20px;padding:0 10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:25px}.progress-bar span{display:inline-block}.step-section{margin-top:var(--padding-base);animation:fadeIn .6s ease-out}.question-text{font-size:1.2em;margin-bottom:var(--padding-base);font-weight:700;color:var(--secondary-color)}.button-container{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;font-size:1em;font-weight:700;color:var(--text-light);background-color:var(--primary-color);border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;flex-grow:0;min-width:120px;text-decoration:none}.btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-yes{background-color:var(--success-color)}.btn-yes:hover{background-color:#3a8f8d}.btn-no{background-color:var(--danger-color)}.btn-no:hover{background-color:#cf3341}.btn:disabled{opacity:.6;cursor:not-allowed}.loading-section{display:none;margin-top:var(--padding-base)}.loading-text{font-size:1.2em;margin-bottom:var(--padding-base);color:var(--primary-color);font-weight:700;min-height:1.4em}.spinner{width:40px;height:40px;border:4px solid rgba(0,119,182,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:15px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.result-section{display:none;margin-top:var(--padding-base)}.result-text h2{color:var(--success-color);font-size:1.8em;margin-bottom:8px;font-weight:700}.result-text p{font-size:1.2em;margin-bottom:calc(var(--padding-base) + 5px);color:var(--secondary-color);font-weight:600}.urgency-timer{font-size:1.1em;color:#e67e22;font-weight:bold;margin-bottom:var(--padding-base);padding:10px;border:1px dashed #e67e22;display:inline-block;border-radius:5px;background-color:#fff8e1}.urgency-timer i{margin-right:6px;color:#d35400}.urgency-timer.alert{color:var(--danger-color);border-color:var(--danger-color);background-color:#ffebee}.urgency-timer.alert i{color:var(--danger-color)}.btn-claim{background-color:var(--accent-color);color:var(--text-dark);font-size:1.4em;padding:15px 30px;animation:pulse 1.5s infinite;margin-top:var(--padding-base);width:auto;border-radius:30px;font-weight:700;box-shadow:0 8px 15px rgba(255,183,3,.4)}.btn-claim:hover{background-color:#ffc300;box-shadow:0 10px 20px rgba(255,183,3,.6)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,183,3,.4)}70%{transform:scale(1.05);box-shadow:0 0 0 20px rgba(255,183,3,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,183,3,0)}}.comments-section{margin-top:calc(var(--padding-base) * 1.5);background-color:#f8f9fa;padding:var(--padding-base);border-radius:var(--border-radius);text-align:left;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.comments-section h3{color:var(--secondary-color);margin-top:0;margin-bottom:calc(var(--padding-base) - 5px);font-size:1.3em;text-align:center;font-weight:700}.comment{display:flex;margin-bottom:calc(var(--padding-base) * .8);padding-bottom:calc(var(--padding-base) * .8);border-bottom:1px solid var(--border-color);align-items:flex-start}.comment:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.comment img{width:45px;height:45px;border-radius:50%;margin-right:12px;flex-shrink:0;border:2px solid var(--primary-color)}.comment-content{flex-grow:1}.comment-author{font-weight:700;color:var(--primary-color);margin-bottom:3px;font-size:1em}.comment-text{font-size:.95em;color:var(--text-dark);word-wrap:break-word}.comment-date{font-size:.75em;color:var(--text-medium);margin-top:5px;text-align:right}.footer{margin-top:calc(var(--padding-base) * 2);font-size:.8em;color:var(--text-medium);padding-top:var(--padding-base);border-top:1px solid var(--border-color)}.footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}@media (max-width:500px){body{padding:calc(var(--padding-base) * .75)}.container{padding:var(--padding-base) calc(var(--padding-base) * .75)}h1{font-size:1.8em}h2{font-size:1.4em}p{font-size:1em}.question-text{font-size:1.1em}.btn{padding:10px 20px;font-size:.95em;width:100%;max-width:none;box-sizing:border-box}.button-container{flex-direction:column;gap:12px}.progress-bar-container{height:22px}.progress-bar{line-height:22px;font-size:.85em;padding:0 8px}.loading-text{font-size:1.1em}.spinner{width:35px;height:35px;border-width:3px}.result-text h2{font-size:1.6em}.result-text p{font-size:1.05em}.urgency-timer{font-size:1em;padding:8px}.btn-claim{font-size:1.3em;padding:15px 25px}.comments-section{padding:calc(var(--padding-base) * .75)}.comments-section h3{font-size:1.2em}.comment img{width:40px;height:40px;margin-right:10px;border-width:2px}.comment-author{font-size:.95em}.comment-text{font-size:.9em}.footer{font-size:.75em}}