*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1e40af;--primary-light: #3b82f6;--primary-dark: #1e3a8a;--secondary: #f59e0b;--secondary-light: #fbbf24;--accent: #10b981;--success: #059669;--warning: #d97706;--error: #dc2626;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);--gradient-bg: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", Menlo, Courier, monospace;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}body{font-family:var(--font-sans);background:var(--gradient-bg);min-height:100vh;line-height:1.6;color:var(--gray-800);padding:var(--space-4);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#container{max-width:520px;margin:0 auto;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:slideUp .8s cubic-bezier(.16,1,.3,1);border:1px solid var(--gray-100)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header{background:var(--gradient-primary);color:var(--white);padding:var(--space-12) var(--space-8);text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}#branding{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-3);position:relative;z-index:1;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.1)}#timeLocation{font-size:1rem;opacity:.95;position:relative;z-index:1;font-weight:400;letter-spacing:.01em}#startButton,#finalCTA{width:calc(100% - var(--space-12));background:var(--gradient-secondary);color:var(--white);border:none;padding:var(--space-4) var(--space-6);margin:var(--space-6);border-radius:var(--radius-xl);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);text-transform:none;letter-spacing:.025em;position:relative;overflow:hidden;font-family:var(--font-sans)}#startButton:before,#finalCTA:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}#startButton:hover,#finalCTA:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--secondary-light) 0%,var(--secondary) 100%)}#startButton:hover:before,#finalCTA:hover:before{left:100%}#startButton:active,#finalCTA:active{transform:translateY(0);transition:transform .1s ease-out}#questions{padding:var(--space-8) var(--space-6);background:var(--gray-50)}.question{background:var(--white);padding:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);animation:questionSlide .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transition:all var(--transition-normal)}.question:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.question.previous{opacity:.3;transform:scale(.95);pointer-events:none}@keyframes questionSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.question-text{font-size:1.1rem;color:var(--gray-800);margin-bottom:var(--space-5);font-weight:600;line-height:1.5;padding-left:var(--space-4)}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding-left:var(--space-4)}.option-button{background:var(--gray-50);border:2px solid var(--gray-200);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center;font-size:.95rem;color:var(--gray-700);font-weight:500;position:relative;overflow:hidden}.option-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#1e40af1a;border-radius:50%;transform:translate(-50%,-50%);transition:all var(--transition-normal)}.option-button:hover{border-color:var(--primary-light);background:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.option-button:hover:before{width:100%;height:100%}.option-button.selected{background:var(--gradient-primary);color:var(--white);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.02)}#comments{padding:var(--space-8) var(--space-6);background:var(--white)}.comment{background:var(--gray-50);padding:var(--space-5);margin-bottom:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);animation:commentFade .8s ease-out;transition:all var(--transition-normal);position:relative}.comment:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}@keyframes commentFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comment-author{font-weight:600;color:var(--primary);font-size:.95rem;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.comment-author:before{content:"👤";font-size:.8rem;opacity:.7}.comment-text{color:var(--gray-600);font-size:.9rem;line-height:1.6;margin-bottom:var(--space-2)}.comment-time{color:var(--gray-400);font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:var(--space-1)}.comment-time:before{content:"🕒";font-size:.7rem}#onlineCount{text-align:center;padding:var(--space-4);background:var(--gradient-primary);color:var(--white);font-size:.9rem;font-weight:500;position:relative;overflow:hidden}#onlineCount:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.online-indicator{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:var(--space-2);animation:pulse 2s infinite;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}#finalMessage{padding:var(--space-8);text-align:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border-top:1px solid var(--gray-200)}#finalMessage h3{color:var(--primary);margin-bottom:var(--space-4);font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}#finalMessage p{color:var(--gray-600);margin-bottom:var(--space-6);line-height:1.6}.final-link{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gradient-primary);color:var(--white);text-decoration:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:600;font-size:1rem;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.final-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.final-link:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.final-link:hover:before{left:100%}.redirect-info{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-top:var(--space-4)}.redirect-info p{margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.redirect-info strong{color:var(--primary)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-container{max-width:520px;margin:0 auto;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:slideUp .8s cubic-bezier(.16,1,.3,1);border:1px solid var(--gray-100)}.error-header{background:var(--gradient-primary);color:var(--white);padding:var(--space-12) var(--space-8);text-align:center;position:relative;overflow:hidden}.error-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.error-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-3);position:relative;z-index:1;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.error-subtitle{font-size:1rem;opacity:.95;position:relative;z-index:1;font-weight:400;letter-spacing:.01em}.error-content{padding:var(--space-8);text-align:center}.error-box{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.error-box h3{color:#dc2626;margin-bottom:var(--space-4);font-size:1.1rem;font-weight:600}.error-box p{color:#7f1d1d;margin-bottom:var(--space-4);line-height:1.5}.error-box p:last-child{margin-bottom:0;font-size:.9rem}.error-retry-btn{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.error-retry-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}@media (min-width: 640px){body{padding:var(--space-8)}#container{max-width:600px}.header{padding:var(--space-16) var(--space-10)}#branding{font-size:2rem}#timeLocation{font-size:1.1rem}#startButton,#finalCTA{font-size:1.2rem;padding:var(--space-5) var(--space-8)}.question-options{grid-template-columns:1fr 1fr;gap:var(--space-4)}.option-button{padding:var(--space-5) var(--space-4);font-size:1rem}}@media (min-width: 768px){#container{max-width:680px}body{padding:var(--space-12)}.header{padding:var(--space-20) var(--space-12)}#branding{font-size:2.25rem}.question-text{font-size:1.2rem}}@media (min-width: 1024px){#container{max-width:720px}.question-options{grid-template-columns:repeat(2,1fr)}}.option-button:focus,#startButton:focus,#finalCTA:focus,.final-link:focus{outline:none;box-shadow:0 0 0 3px #1e40af1a,var(--shadow-lg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-state{opacity:.7;pointer-events:none;position:relative}.loading-state:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}.option-button:active{transform:scale(.98)}.option-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.option-button:disabled:hover{transform:none;box-shadow:var(--shadow-sm)}#startButton:active,#finalCTA:active{transform:scale(.98)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.025em}p{line-height:1.6}@media print{body{background:#fff;color:#000}#container{box-shadow:none;border:1px solid #ccc;max-width:none}.header{background:#f5f5f5!important;color:#000!important}#startButton,#finalCTA{background:#f5f5f5!important;color:#000!important;border:1px solid #ccc!important}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-200);box-shadow:var(--shadow-xl);z-index:1000;display:none;animation:slideUpBanner .5s ease-out}@keyframes slideUpBanner{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-content{max-width:1200px;margin:0 auto;padding:var(--space-6);display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.cookie-text{flex:1;min-width:300px}.cookie-text h4{color:var(--gray-800);margin-bottom:var(--space-2);font-size:1.1rem;font-weight:600}.cookie-text p{color:var(--gray-600);font-size:.9rem;line-height:1.5}.cookie-text a{color:var(--primary);text-decoration:underline;font-weight:500}.cookie-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.cookie-btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.cookie-btn.accept{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-md)}.cookie-btn.accept:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.cookie-btn.reject{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.cookie-btn.reject:hover{background:var(--gray-200)}.cookie-btn.secondary{background:var(--gradient-secondary);color:var(--white);box-shadow:var(--shadow-md)}.cookie-btn.secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--space-8) var(--space-6);text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4);flex-wrap:wrap}.footer-links a{color:var(--primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-light);text-decoration:underline}.footer-info{color:var(--gray-500);font-size:.8rem;line-height:1.5}.footer-info p{margin-bottom:var(--space-1)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:2000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;animation:modalSlide .3s ease-out}@keyframes modalSlide{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;background:var(--gray-50);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header h2{color:var(--gray-800);font-size:1.3rem;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-body{padding:var(--space-6);line-height:1.6}.modal-body h3{color:var(--gray-800);font-size:1.1rem;font-weight:600;margin:var(--space-5) 0 var(--space-3) 0}.modal-body h3:first-child{margin-top:0}.modal-body p{color:var(--gray-600);margin-bottom:var(--space-3)}.modal-body ul{color:var(--gray-600);margin:var(--space-3) 0;padding-left:var(--space-5)}.modal-body li{margin-bottom:var(--space-2)}.contact-info{background:var(--gray-50);padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-4) 0}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-200)}.contact-item:last-child{border-bottom:none}.contact-item strong{color:var(--gray-700);font-size:.9rem}.contact-item span{color:var(--gray-600);font-size:.9rem}.contact-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5)}.contact-form input,.contact-form textarea{padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.9rem;transition:border-color var(--transition-fast);font-family:var(--font-sans)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1a}.contact-form button{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.contact-form button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.cookie-settings{margin:var(--space-5) 0}.cookie-setting{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:var(--gray-50)}.cookie-setting-info h4{color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:var(--space-1)}.cookie-setting-info p{color:var(--gray-600);font-size:.85rem;margin:0}.toggle{position:relative;display:inline-block;width:50px;height:24px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-300);transition:var(--transition-normal);border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--white);transition:var(--transition-normal);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle input:checked+.slider{background-color:var(--primary)}.toggle input:checked+.slider:before{transform:translate(26px)}.toggle input:disabled+.slider{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.cookie-content{flex-direction:column;text-align:center;gap:var(--space-4)}.cookie-actions{width:100%;justify-content:center}.cookie-btn{flex:1;min-width:120px}.footer-links{flex-direction:column;gap:var(--space-3)}.contact-item{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.cookie-setting{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}