:root {
            --shein-pink: #FF6B9D;
            --shein-dark-pink: #FF3366;
            --shein-light-pink: #FFE5F0;
            --shein-gradient-start: #FF6B9D;
            --shein-gradient-end: #FF3366;
            --medium-gray: #e0e0e0;
            --dark-gray: #333;
            --text-gray: #555;
            --white: #ffffff;
            --green: #00B67A;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            font-family: 'Graphik', 'Inter', sans-serif;
            background: linear-gradient(135deg, #FF6B9D 0%, #FF3366 50%, #FF8FA3 100%);
            color: var(--dark-gray);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }
        .container { max-width: 700px; margin: 0 auto; padding: 0 15px; }

        header {
            background: linear-gradient(135deg, #FF6B9D 0%, #FF3366 100%);
            padding: 15px;
            text-align: center;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 15px rgba(255, 107, 157, 0.3);
        }
        header .logo { width: 140px; height: auto; }

        #winners-ticker-container {
            height: 45px;
            max-width: 400px;
            margin: 15px auto 0;
            background-color: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            border-radius: 25px;
            overflow: hidden;
            position: relative;
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        
        #ticker-list {
            list-style: none;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            display: flex;
            animation: scroll-horizontal linear infinite;
        }

        .ticker-item {
            display: flex;
            align-items: center;
            height: 45px;
            padding: 0 20px;
            color: var(--white);
            flex-shrink: 0;
        }
        .ticker-item img {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin-right: 12px;
            border: 2px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }
        .ticker-item p { font-size: 0.9rem; white-space: nowrap; }
        .ticker-item strong { font-weight: 600; margin-right: 5px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.2); }

        @keyframes scroll-horizontal {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        
        main {
            position: relative; padding-top: 20px; 
            background: linear-gradient(180deg, rgba(255, 107, 157, 0.95) 0%, rgba(255, 51, 102, 0.98) 100%);
            border-top-left-radius: 30px; border-top-right-radius: 30px;
            min-height: calc(100vh - 160px); 
        }
        footer{background:linear-gradient(180deg, #fff 0%, #FFE5F0 100%);text-align:center;padding:40px 20px;font-size:.85rem;border-top:2px solid rgba(255,107,157,0.2)}footer .logo{width:120px;margin-bottom:15px;height:auto}footer p{margin-bottom:15px;color:#555;line-height:1.5}footer a{color:var(--shein-pink);text-decoration:none;margin:0 10px;font-weight:600}footer a:hover{text-decoration:underline;color:var(--shein-dark-pink)}.content-section{background:linear-gradient(135deg, #fff 0%, #FFE5F0 100%);padding:35px;border-radius:20px;box-shadow:0 8px 30px rgba(255,107,157,0.2);width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s ease-in-out;position:absolute;top:0;visibility:hidden;border:2px solid rgba(255,107,157,0.1)}.content-section.active{position:relative;transform:translateX(0);opacity:1;visibility:visible}.content-section.exiting-left{transform:translateX(-100%);opacity:0}.content-section.entering-right{transform:translateX(100%)}.section-header h2{text-align:center;background:linear-gradient(135deg, #FF6B9D 0%, #FF3366 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;font-size:1.8rem;font-weight:700}.section-header p{text-align:center;margin-bottom:30px;color:var(--text-gray);max-width:500px;margin-left:auto;margin-right:auto}@keyframes spin{to{transform:rotate(360deg)}}.main-button{background:linear-gradient(135deg, #FF6B9D 0%, #FF3366 100%);color:var(--white);padding:18px 30px;width:100%;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s,transform .2s;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgba(255,107,157,0.4)}.main-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,157,0.5)}.main-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.main-button:disabled{background:linear-gradient(135deg, #ccc 0%, #999 100%);cursor:not-allowed;opacity:.6}.main-button .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin 1s linear infinite}.progress-bar{width:100%;height:10px;background-color:#FFE5F0;border-radius:10px;margin-bottom:25px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.progress-bar-inner{width:0;height:100%;background:linear-gradient(90deg, #FF6B9D 0%, #FF3366 100%);border-radius:10px;transition:width .3s ease-in-out;box-shadow:0 2px 8px rgba(255,107,157,0.3)}.question{display:none}.question.active{display:block;animation:fadeIn .4s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.question label{font-weight:600;display:block;margin-bottom:18px;font-size:1.15rem;color:var(--dark-gray)}.option{background:linear-gradient(135deg, #FF6B9D 0%, #FF3366 100%);color:#fff;padding:16px 20px;margin-bottom:10px;border-radius:12px;cursor:pointer;transition:all .2s ease-in-out;border:2px solid transparent;box-shadow:0 2px 8px rgba(255,107,157,0.2)}.option:hover{background:linear-gradient(135deg, #FF8FA3 0%, #FF5580 100%);transform:translateX(5px) scale(1.02);box-shadow:0 4px 12px rgba(255,107,157,0.3)}.option.selected{background:linear-gradient(135deg, #FF3366 0%, #FF6B9D 100%);border-color:#fff;font-weight:700;color:#fff;box-shadow:0 4px 15px rgba(255,107,157,0.5);transform:scale(1.05)}#scratch-container{position:relative;width:100%;max-width:320px;height:320px;margin:20px auto;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg, #FFE5F0 0%, #fff 100%);padding:15px;border-radius:20px;box-shadow:0 8px 25px rgba(255,107,157,0.3)}#scratch-canvas{position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);z-index:2;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="%23FF6B9D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>') 20 20,auto;border-radius:15px}#prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:1}.prize-item{width:90px;height:90px;font-size:1.7rem;background:linear-gradient(135deg, #FF6B9D 0%, #FF3366 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,107,157,0.3);font-weight:700;color:#fff;border:2px solid rgba(255,255,255,0.3)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all .25s ease-in-out}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:linear-gradient(135deg, #fff 0%, #FFE5F0 100%);padding:30px;border-radius:20px;width:90%;max-width:380px;text-align:center;transform:scale(.95) translateY(-10px);transition:transform .3s cubic-bezier(.34,1.1,.64,1);box-shadow:0 10px 40px rgba(255,107,157,0.3);border:2px solid rgba(255,107,157,0.2)}.modal-overlay.visible .modal-content{transform:scale(1) translateY(0)}.modal-content .icon{font-size:3rem;margin-bottom:12px}.modal-content h3{background:linear-gradient(135deg, #FF6B9D 0%, #FF3366 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.8rem;margin-bottom:8px;font-weight:700}.modal-content p{color:var(--text-gray);margin-bottom:20px;font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-gray);font-size:.95rem}.form-group input{width:100%;padding:14px;border:2px solid #FFE5F0;border-radius:10px;font-size:.95rem;font-family:'Graphik','Inter',sans-serif;transition:all .2s ease-in-out;background:#fff}.form-group input:focus{outline:none;border-color:var(--shein-pink);box-shadow:0 0 0 3px rgba(255,107,157,0.1)}#prize-display{text-align:center;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg, #FF6B9D 0%, #FF3366 100%);color:#fff;padding:15px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 15px rgba(255,107,157,0.3)}#success-message{display:none;text-align:center;padding:20px;background:linear-gradient(135deg, #e6f7f1 0%, #d4f4e8 100%);border-radius:12px;font-size:.95rem;border:2px solid var(--green)}#success-message h3{color:var(--green);margin-bottom:8px;font-size:1.5rem;font-weight:700}@media (max-width:600px){.content-section{padding:25px 15px}.prize-item{width:auto;height:75px;font-size:1.5rem}#prize-grid{gap:8px}}
		img, video {
    max-width: 100%;
    height: auto;
}
.info-box {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);
    backdrop-filter: blur(10px);
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    margin: 10px;
    font-size: 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.info-box1 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);
    backdrop-filter: blur(10px);
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    margin: 10px;
    font-size: 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}