:root{--primary: #6E52E1;--primary-dark: #2A0B63;--primary-light: #A74BB8;--primary-glass: rgba(110, 82, 225, .1);--accent: #E46286;--accent-dark: #C256A1;--accent-glass: rgba(228, 98, 134, .15);--background: #f8fafc;--white: #ffffff;--text: #2A0B63;--text-light: #B025A4;--success: #68d391;--card-shadow: 0 8px 32px rgba(110, 82, 225, .08);--card-border: rgba(255, 255, 255, .18)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;background:linear-gradient(135deg,var(--primary-glass),var(--accent-glass));color:var(--text);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}.navigation-buttons{font-family:Tajawal,sans-serif}.navbar{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:static;top:0;z-index:100;padding:1rem;border-bottom:1px solid var(--card-border)}.container{max-width:1100px;margin:0 auto;padding:2rem}.logo-container{display:flex;flex-direction:column;align-items:center}.logo{width:250px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tagline{color:var(--primary);font-weight:600;font-size:1.1rem;text-align:center}.survey-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--card-shadow);margin:2rem 0;overflow:hidden}.header{background:linear-gradient(135deg,var(--primary),var(--accent));padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:shine 3s infinite}@keyframes shine{to{transform:translate(100%)}}.header h1{color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header p{color:var(--white);font-size:1.2rem;max-width:800px;margin:1rem auto;opacity:.95}.form-content{padding:3rem 2rem;max-width:800px;margin:0 auto}.question-group{background:var(--white);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d;border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease}.question-group:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.question-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent-glass)}.question-number{background:var(--primary);color:var(--white);width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.question-text{font-size:1.25rem;color:var(--primary-dark);font-weight:600}.options-grid{display:grid;gap:1rem;margin-top:1rem}.option-card{position:relative;background:var(--background);border:2px solid transparent;border-radius:12px;transition:all .2s ease;overflow:hidden}.option-card:hover{border-color:var(--primary-light);background:var(--primary-glass)}.option-input{position:absolute;opacity:0;cursor:pointer}.option-label{display:block;padding:1.2rem 3rem 1.2rem 1.2rem;cursor:pointer;position:relative;font-size:1.1rem;color:var(--text)}.option-label:before{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;border:2px solid var(--primary-light);border-radius:50%;transition:all .2s ease}.option-input[type=checkbox]+.option-label:before{border-radius:6px}.option-input:checked+.option-label{color:var(--primary-dark);font-weight:500}.option-input:checked+.option-label:before{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glass)}.text-input{width:100%;padding:1rem 1.2rem;border:2px solid var(--accent-glass);border-radius:12px;font-family:inherit;font-size:1.1rem;background:var(--background);transition:all .2s ease;margin-top:1rem}.text-input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px var(--primary-glass)}.promotion-box{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:24px;padding:2.5rem;margin:3rem 0;text-align:center;position:relative;overflow:hidden}.promotion-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:shine 3s infinite}.promotion-box h3{color:var(--white);font-size:1.8rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.promotion-box p{color:var(--white);font-size:1.2rem;line-height:1.6;margin:1rem 0}.submit-btn{background:linear-gradient(to right,var(--primary),var(--primary-dark));color:var(--white);border:none;padding:1.25rem 2.5rem;border-radius:14px;font-size:1.2rem;font-weight:600;width:100%;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:Tajawal,sans-serif}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #45627033}.submit-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .5s ease}.submit-btn:hover:after{transform:translate(100%)}.footer{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;margin-top:4rem;border-top:1px solid var(--card-border)}.footer-content{text-align:center;color:var(--text)}.footer p{margin:.5rem 0}.footer a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.footer a:hover{color:var(--primary-dark);text-decoration:underline}.linear-progress-wrapper{width:100%;max-width:800px;margin:1rem auto}.linear-progress-bar{width:100%;height:10px;background:var(--primary-glass);border-radius:5px;overflow:hidden}.linear-progress-fill{height:100%;background:linear-gradient(to right,var(--primary),var(--accent));width:0%;transition:width .5s ease}@media (max-width: 768px){.container{padding:1rem}.header{padding:2rem 1.5rem}.header h1{font-size:2rem}.progress-steps{display:none}.form-content{padding:2rem 1rem}.question-group{padding:1.5rem}.promotion-box{padding:2rem 1.5rem}.linear-progress-wrapper{margin:.5rem auto}}.navigation-buttons{display:flex;justify-content:center;margin-top:2rem}.nav-btn{background:var(--primary-light);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.nav-btn:hover{background:var(--primary)}.submit-btn{display:block;margin:0 auto}.footer-title{color:var(--primary-dark);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}@media (max-width: 768px){.footer-grid{flex-direction:column;text-align:center;gap:1rem}.footer-company{text-align:center}.footer-details{flex-direction:column;gap:.5rem}.footer-content{padding:0 1rem}}.footer{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 0;margin-top:4rem;border-top:1px solid var(--card-border)}.footer-content{max-width:1100px;margin:0 auto;padding:0 2rem}.footer-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-company{text-align:right}.footer-details{text-align:center;display:flex;gap:2rem}.footer-details p,.footer-company p{color:var(--text);font-size:.95rem}.footer-copyright{color:var(--text-light);font-size:.9rem}@media (max-width: 768px){.footer-main-title{font-size:1.2rem;margin-bottom:1rem}.footer-grid{flex-direction:column;text-align:center;gap:1rem}.footer-company{text-align:center}.footer-details{flex-direction:column;gap:.5rem}.footer-content{padding:0 1rem}}.required-asterisk{color:var(--accent);margin-right:.5rem;font-weight:700}.question-text[required]:after{content:"*";color:var(--accent);margin-right:.5rem;font-weight:700}.question-group.required:not(.answered){border:2px solid var(--accent-glass)}.question-group.error{border:2px solid var(--accent);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.question-group.success{border:2px solid var(--success)}.footer-content{max-width:1100px;margin:0 auto;padding:2rem}.footer-main-title{color:var(--primary-dark);font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-glass)}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:start}.footer-info-section{display:flex;flex-direction:column;gap:1rem}.footer-company{text-align:right;font-size:1.1rem;font-weight:600;color:var(--primary-dark)}.footer-verification{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--primary-glass);border-radius:12px;margin:1rem 0}.footer-verification img{width:120px;height:auto;margin:.5rem 0}.footer-verification p{font-size:.95rem;color:var(--text);text-align:center}.verification-number{font-family:Tajawal,sans-serif;direction:ltr;font-weight:600;color:var(--primary-dark)}.footer-details{display:flex;flex-direction:column;gap:.75rem}.footer-details p{color:var(--text);font-size:.95rem}.footer-details a{color:var(--primary);text-decoration:none;transition:color .2s ease}.footer-details a:hover{color:var(--primary-dark);text-decoration:underline}.footer-copyright{grid-column:1 / -1;text-align:center;color:var(--text-light);font-size:.9rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--primary-glass)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-company{text-align:center}.footer-details{align-items:center}.footer-content{padding:1.5rem 1rem}}