*{font-family:'Poppins',sans-serif}

body{
    background: linear-gradient(270deg,#0f2027,#203a43,#2c5364);
    background-size:400% 400%;
    animation:bgMove 12s ease infinite;
    min-height:100vh;
    padding:40px 0;
}

@keyframes bgMove{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.progress-bar-top{
    position:fixed;
    top:0;left:0;
    height:5px;width:0%;
    background:linear-gradient(90deg,#ffc107,#ff5722);
    z-index:9999;
}

.feedback-card{
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(20px);
    border-radius: 26px;
    padding: 40px;
    color:#fff;
    max-width: 950px;
    margin:auto;
    box-shadow:0 35px 70px rgba(0,0,0,.45);
    animation:fadeUp 1.2s ease;
}

@keyframes fadeUp{
    from{opacity:0;transform:translateY(40px)}
    to{opacity:1;transform:translateY(0)}
}

.section-title{
    margin:35px 0 20px;
    padding-left:14px;
    border-left:4px solid #ffc107;
    font-weight:600;
}

.form-control,.form-select,textarea{
    background: rgba(255,255,255,0.15)!important;
    border:none!important;
    color:#fff!important;
    padding:14px;
    border-radius:14px;
}

.form-control::placeholder, textarea::placeholder{color:#ddd}

.form-control:focus,.form-select:focus,textarea:focus{
    box-shadow:0 0 15px rgba(255,193,7,.6)!important;
}

.question{margin-bottom:30px}

.option-group{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:14px;
    margin-top:10px;
}

.option-group input{display:none}

.option{
    padding:16px;
    border-radius:16px;
    background: rgba(255,255,255,0.18);
    text-align:center;
    cursor:pointer;
    transition:.3s;
    border:2px solid transparent;
}

.option:hover{
    transform:translateY(-6px) scale(1.03);
    background: rgba(255,255,255,0.3);
}

.option-group input:checked + .option{
    border-color:#ffc107;
    background: rgba(255,193,7,0.3);
    box-shadow:0 0 25px rgba(255,193,7,.8);
    transform:scale(1.05);
}

.submit-btn{
    background: linear-gradient(135deg,#ffc107,#ff5722);
    border:none;
    font-weight:600;
    padding:16px;
    border-radius:16px;
}
.thanglish-note{
    font-size:13px;
    color:#ffc107;
    margin-top:6px;
}

.contact-box{
    margin-top:35px;
    padding:22px;
    border-radius:18px;
    background:rgba(255,255,255,0.15);
    text-align:center;
    animation:pulseGlow 3s infinite;
}

@keyframes pulseGlow{
    0%{box-shadow:0 0 10px rgba(255,193,7,.3)}
    50%{box-shadow:0 0 25px rgba(255,193,7,.7)}
    100%{box-shadow:0 0 10px rgba(255,193,7,.3)}
}

.contact-box a{
    color:#ffc107;
    text-decoration:none;
    font-weight:500;
}

.footer-note{
    margin-top:18px;
    text-align:center;
    font-size:14px;
    opacity:.8;
}