*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-bg:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);--card-bg:#ffffff08;--card-border:#ffffff14;--text-primary:#fff;--text-secondary:#b8bcc8;--shadow-lg:0 20px 40px #0000004d;--shadow-xl:0 25px 50px #00000080}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);background:var(--dark-bg);box-sizing:border-box;color:#fff;color:var(--text-primary);font-family:Cairo,Segoe UI,sans-serif;line-height:1.6;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;width:100%}body:before{animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff1a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:float 15s linear infinite;background:#ffffff1a;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) rotate(1turn)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{box-sizing:border-box;max-width:100vw;min-height:100vh;overflow-x:hidden;text-align:center;width:100%}.App,.container{position:relative}.container{margin:0 auto;max-width:1000px;padding:20px 20px 60px;z-index:1}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2em;height:50vh;justify-content:center}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:25px;box-shadow:var(--shadow-lg);margin-bottom:40px;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.header:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff08,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fancy-loader{height:80px;margin-bottom:30px;position:relative;width:80px}.loader-ring{animation:spin 2s linear infinite;border:4px solid #0000;border-radius:50%;position:absolute}.loader-ring:first-child{animation-delay:0s;border-top:4px solid #ff6b6b;height:80px;width:80px}.loader-ring:nth-child(2){animation-delay:-.5s;animation-direction:reverse;border-right:4px solid #4ecdc4;height:60px;left:10px;top:10px;width:60px}.loader-ring:nth-child(3){animation-delay:-1s;border-bottom:4px solid #45b7d1;height:40px;left:20px;top:20px;width:40px}.loader-ring:nth-child(4){animation-delay:-1.5s;animation-direction:reverse;border-left:4px solid #f9ca24;height:20px;left:30px;top:30px;width:20px}.loader-dots{display:flex;gap:8px}.dot{animation:bounce 1.4s ease-in-out infinite both;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;height:12px;width:12px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3.5em;font-weight:700;margin-bottom:15px;position:relative;text-shadow:0 0 30px #667eea80;z-index:1}.header h2{font-size:1.6em;font-weight:400;margin-bottom:20px}.header h2,.subtitle{color:var(--text-secondary);position:relative;z-index:1}.subtitle{font-size:1.2em;margin-top:15px}.personality-intro{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:25px;box-shadow:var(--shadow-lg);margin:40px 0;padding:35px}.personality-intro h3{font-size:2em;margin-bottom:25px;text-align:center}.intro-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.intro-card{border:1px solid #0000;border-radius:20px;overflow:hidden;padding:25px 20px;position:relative;text-align:center;transition:all .4s ease}.intro-card:before{background:inherit;bottom:0;content:"";filter:blur(10px);left:0;opacity:.8;position:absolute;right:0;top:0;z-index:-1}.intro-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px) scale(1.05)}.red-card{background:linear-gradient(135deg,#ff6b6b26,#ff6b6b0d);border-color:#ff6b6b4d}.red-card:hover{border-color:#ff6b6b;box-shadow:0 20px 40px #ff6b6b4d}.yellow-card{background:linear-gradient(135deg,#ffd93d26,#ffd93d0d);border-color:#ffd93d4d}.yellow-card:hover{border-color:#ffd93d;box-shadow:0 20px 40px #ffd93d4d}.green-card{background:linear-gradient(135deg,#6bcf7f26,#6bcf7f0d);border-color:#6bcf7f4d}.green-card:hover{border-color:#6bcf7f;box-shadow:0 20px 40px #6bcf7f4d}.blue-card{background:linear-gradient(135deg,#4fc3f726,#4fc3f70d);border-color:#4fc3f74d}.blue-card:hover{border-color:#4fc3f7;box-shadow:0 20px 40px #4fc3f74d}.card-icon{display:block;font-size:3em;margin-bottom:15px}.intro-card h4{font-size:1.3em;font-weight:600;margin-bottom:10px}.intro-card p{color:var(--text-secondary);line-height:1.5}.features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.feature-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.feature-item:hover{border-color:#4fc3f780;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{display:block;font-size:2em;margin-bottom:10px}.start-section{margin:40px 0;text-align:center}.btn{word-wrap:break-word;border:none;border-radius:50px;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:Cairo,sans-serif;font-size:1.1em;font-weight:600;margin:10px;overflow:hidden;padding:15px 30px;position:relative;text-decoration:none;white-space:normal}.btn,.btn:before{transition:all .3s ease}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(0)}.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:var(--text-primary)}.btn-secondary:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px)}.btn-lg{font-size:1.3em;padding:20px 40px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.disclaimer{color:var(--text-secondary);font-size:.9em;font-style:italic;margin-top:20px}.progress-container{background:#0006;border:1px solid var(--card-border);border-radius:20px;margin-bottom:30px;padding:20px}.progress-info{display:flex;font-weight:600;justify-content:space-between;margin-bottom:15px}.progress-bar{background:#ffffff1a;height:15px;overflow:hidden}.progress-bar,.progress-fill{border-radius:10px;position:relative}.progress-fill{background:var(--primary-gradient);height:100%;transition:all .5s ease}.progress-fill:after{animation:progressShine 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.question-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:25px;box-shadow:var(--shadow-lg);margin:20px 0;padding:40px 30px;position:relative}.question-text{color:var(--text-primary);font-size:1.8em;font-weight:600;margin-bottom:15px}.question-details,.question-text{line-height:1.4;text-align:center}.question-details{color:var(--text-secondary);font-size:1em;font-style:italic;margin-bottom:30px;width:100%}.options-container{display:flex;flex-direction:column;gap:15px;margin:30px 0}.option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.option:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.option:hover{background:#4fc3f71a;border-color:#4fc3f780;transform:translateX(5px)}.option:hover:before{left:100%}.option.selected{background:#4fc3f733;border-color:#4fc3f7;box-shadow:0 10px 30px #4fc3f74d;transform:translateX(5px) scale(1.02)}.option-content{align-items:stretch;display:flex;flex-direction:column;text-align:right;width:100%}.option-text{color:var(--text-primary);font-size:1.1em;font-weight:500;line-height:1.5;text-align:right;width:100%}.option-details{color:var(--text-secondary);font-size:.9em;line-height:1.4;margin-top:8px;opacity:.8;text-align:right;width:100%}.navigation-buttons{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.personality-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:25px;box-shadow:var(--shadow-lg);margin:25px 0;padding:30px;position:relative}.results-container{margin:0 auto;max-width:1000px;padding:20px}.results-header{margin-bottom:30px;text-align:center}.results-header h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;font-size:2.5em;margin-bottom:10px}.main-result{overflow:hidden;position:relative;text-align:center}.main-result:before{animation:shimmer 4s infinite;background:linear-gradient(45deg,#0000,#ffffff08,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.result-icon{font-size:4em;margin-bottom:20px}.percentage-display{align-items:center;display:flex;flex-direction:column;margin:20px 0}.percentage-number{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;font-size:4em;font-weight:700}.percentage-label{color:var(--text-secondary);font-size:1.2em;margin-top:10px}.personality-description{font-size:1.3em;line-height:1.6;margin-top:20px}.scores-chart{display:flex;flex-direction:column;gap:20px}.score-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:15px;padding:20px}.score-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:10px}.score-icon{font-size:1.5em;margin-left:10px}.score-name{flex:1 1;font-size:1.2em;text-align:right}.score-percentage{font-size:1.3em;font-weight:700}.score-bar{background:#ffffff1a;height:15px;overflow:hidden}.score-bar,.score-fill{border-radius:10px;position:relative}.score-fill{height:100%;transition:all 1s ease}.score-fill:after{animation:scoreShine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes scoreShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fade-in{animation:fadeIn .8s ease-in-out}.traits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.traits-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:15px;padding:25px}.traits-list{list-style:none;padding:0}.trait-item{background:#ffffff08;border-radius:10px;border-right:4px solid #4fc3f7;margin:10px 0;padding:15px;transition:all .3s ease}.trait-item:hover{background:#ffffff0d;transform:translateX(-5px)}.careers-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.career-item{background:#9c27b01a;border:1px solid #9c27b04d;border-radius:15px;font-weight:500;padding:15px;text-align:center;transition:all .3s ease}.career-item:hover{background:#9c27b033;box-shadow:0 10px 25px #9c27b033;transform:translateY(-5px)}.tips-container{margin-top:20px}.tip-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;display:flex;margin-bottom:15px;padding:15px;transition:all .3s ease}.tip-item:hover{background:#ffffff0d;transform:translateX(-5px)}.tip-icon{font-size:1.5em;margin-left:15px;margin-top:3px}.tip-content{flex:1 1;line-height:1.6;text-align:right}.tip-note{background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:15px;margin-top:25px;padding:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:15px;padding:25px 20px;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff0d;transform:translateY(-5px)}.stat-icon{display:block;font-size:2.5em;margin-bottom:15px}.stat-item h4{font-size:1.1em;margin:10px 0}.stat-value{font-size:2em;font-weight:700;margin:10px 0}.stat-desc{color:var(--text-secondary);font-size:.9em;line-height:1.4}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:40px 0;text-align:center}.ad-container{border-radius:15px;margin:30px 0}.ad-placeholder{background:linear-gradient(45deg,#0000,#ffffff05,#0000);color:var(--text-secondary);padding:40px;text-align:center}.ad-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin:25px auto;max-width:100%;overflow:hidden;padding:15px;text-align:center}.quiz-ad{animation:fadeIn .5s ease-in;margin:30px auto}.quiz-end-ad{margin:40px auto 20px}.results-top-ad{margin:20px auto 30px}.results-bottom-ad{margin:30px auto 20px}.test-ad{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5c6bc01a,#3f51b51a);border:2px dashed #ffffff4d;transition:all .3s ease}.test-ad:hover{background:linear-gradient(135deg,#5c6bc026,#3f51b526);border-color:#fff6;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adsbygoogle{background:#0000!important}@media (max-width:768px){.ad-container{margin:20px 10px;padding:10px}.quiz-ad,.results-bottom-ad,.results-top-ad{margin:20px auto}}@media (min-width:1200px){.container{max-width:1200px;padding:30px}.header h1{font-size:4em}.features,.intro-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px){.features,.intro-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.container{padding:20px}.header h1{font-size:3em}.header h2{font-size:1.4em}.intro-grid{gap:15px}.features,.intro-grid{grid-template-columns:repeat(2,1fr)}.traits-grid{gap:20px;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.careers-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.percentage-circle{font-size:1.2em!important;height:80px!important;width:80px!important}.personality-item{min-height:150px!important}}@media (max-width:768px){.container{padding:15px}.header{padding:30px 20px}.header h1{font-size:2.5em}.header h2{font-size:1.3em}.header p{font-size:1em}.features,.intro-grid{gap:15px;grid-template-columns:1fr}.question-text{font-size:1.4em;line-height:1.3}.question-details{font-size:.9em;margin-bottom:25px}.navigation-buttons{flex-direction:column-reverse;gap:15px}.btn{font-size:1em;padding:15px 10px;width:100%}.btn,.btn-lg{box-sizing:border-box;max-width:100%}.btn-lg{font-size:1.2em;padding:18px 15px}.traits-grid{grid-template-columns:1fr}.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.action-buttons{align-items:center;flex-direction:column;gap:15px}.action-buttons .btn{box-sizing:border-box;margin:5px;max-width:320px;width:90%}.careers-grid{gap:10px;grid-template-columns:1fr}.progress-container{padding:15px}.progress-info{font-size:.9em}.personality-card{margin:20px 0;padding:20px 15px}.question-card{padding:25px 20px}.option{margin-bottom:12px;padding:15px}.option-text{font-size:1em;line-height:1.4}.option-details{font-size:.8em;margin-top:6px}.percentage-circle{font-size:1.1em!important;height:70px!important;width:70px!important}.personality-item{min-height:130px!important}.percentage-number{font-size:3em}div[style*="grid-template-columns: 1fr 1fr"]{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))"]{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))"]{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))"]{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:1fr!important}}@media (max-width:480px){.container{padding:10px}.header{padding:25px 15px}.header h1{font-size:2em;line-height:1.2}.header h2{font-size:1.1em}.header p{font-size:.9em}.personality-card{margin:15px 0;padding:15px 10px}.question-card{padding:20px 15px}.question-text{font-size:1.2em;line-height:1.3}.question-details{font-size:.85em;margin-bottom:20px}.option{margin-bottom:10px;padding:12px}.option-text{font-size:.95em;line-height:1.4}.option-details{font-size:.75em;margin-top:5px}.btn{font-size:.9em;padding:12px 8px}.btn,.btn-lg{box-sizing:border-box;max-width:100%}.btn-lg{font-size:1.1em;padding:15px 10px}.percentage-number{font-size:2.5em}.percentage-circle{font-size:1em!important;height:60px!important;width:60px!important}.personality-item{min-height:120px!important}.stats-grid{gap:10px!important;grid-template-columns:1fr!important}div[style*="grid-template-columns: repeat(2, 1fr)"]{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:1fr!important}.action-buttons .btn{box-sizing:border-box;margin:3px;max-width:280px;width:95%}h2{font-size:1.5em}h3{font-size:1.3em}h4{font-size:1.1em}.intro-card{padding:15px 10px}.feature-item{padding:15px}.feature-icon{font-size:1.5em}.progress-container{margin-bottom:20px;padding:12px}.progress-info{font-size:.85em;margin-bottom:10px}.progress-bar{height:12px}}@media (max-width:360px){.container{padding:8px}.header{padding:20px 10px}.header h1{font-size:1.8em}.personality-card{padding:12px 8px}.question-card{padding:15px 10px}.question-text{font-size:1.1em}.question-details{font-size:.8em;margin-bottom:15px}.option{padding:10px}.option-text{font-size:.9em}.option-details{font-size:.7em;margin-top:4px}.btn{font-size:.85em;padding:10px 6px}.btn,.btn-lg{box-sizing:border-box;max-width:100%}.btn-lg{font-size:1em;padding:12px 8px}.percentage-circle{font-size:.9em!important;height:50px!important;width:50px!important}}@media print{@page{size:A4;margin:20mm 15mm 25mm 15mm;@top-left{border-bottom:1pt solid #ddd;color:#666;content:"تقرير تحليل الشخصية";font-family:Arial,sans-serif;font-size:10pt;padding-bottom:3pt}@top-right{border-bottom:1pt solid #ddd;color:#666;content:"تاريخ: " counter(page);font-family:Arial,sans-serif;font-size:10pt;padding-bottom:3pt}@bottom-center{border-top:1pt solid #ddd;color:#888;content:"صفحة " counter(page) " من " counter(pages);font-family:Arial,sans-serif;font-size:9pt;padding-top:3pt}@bottom-right{border-top:1pt solid #ddd;color:#aaa;content:"مبني على كتاب 'محاط بالحمقى' - توماس إريكسون";font-family:Arial,sans-serif;font-size:8pt;padding-top:3pt}}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body,html{font-size:12pt!important}body{-webkit-font-smoothing:antialiased!important;background:#fff!important;color:#2c3e50!important;font-family:Times New Roman,Arial,sans-serif!important;line-height:1.6!important;margin:0!important;padding:0!important;text-rendering:optimizeLegibility!important}.ad-container,.ad-placeholder,.btn,.home-container,.navigation-buttons,.option:before,.particles,.progress-container,.progress-fill:after,.question-card .options-container,.quiz-ad,.quiz-end-ad,.results-bottom-ad,.results-top-ad,.score-fill:after,.test-ad,.test-container,body:before,button,input,select,textarea{display:none!important}h1,h2,h3{orphans:3!important;page-break-after:avoid!important;widows:3!important}.main-result,.personality-card,.scores-chart,.stat-item,.traits-section{break-inside:avoid!important;page-break-inside:avoid!important}.results-container{page-break-before:auto!important}.App{background:#fff!important;width:100%!important}.App,.container{max-width:none!important}.container{margin:0!important;padding:0!important}.header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2pt solid #2c3e50!important;border-radius:8pt!important;box-shadow:0 2pt 8pt #0000001a!important;margin-bottom:25pt!important;padding:25pt 20pt!important;page-break-inside:avoid!important;position:relative!important;text-align:center!important}.header:after{background:linear-gradient(90deg,#0000,#2c3e50,#0000)!important;bottom:-2pt;content:"";height:2pt;left:20%;position:absolute;right:20%}.header h1{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;color:#2c3e50!important;font-family:Georgia,Times New Roman,serif!important;font-size:28pt!important;font-weight:700!important;letter-spacing:.5pt!important;margin-bottom:12pt!important;text-shadow:none!important}.header h2,.header p,.subtitle{color:#495057!important;font-size:13pt!important;font-style:italic!important;font-weight:400!important;margin:8pt 0!important}.results-header{background:linear-gradient(135deg,#f1f3f4,#e8eaf6)!important;border:1pt solid #5c6bc0!important;border-radius:6pt!important;margin-bottom:20pt!important;padding:18pt!important;page-break-inside:avoid!important;text-align:center!important}.results-header h2{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;color:#2c3e50!important;font-family:Georgia,Times New Roman,serif!important;font-size:22pt!important;font-weight:600!important;letter-spacing:.3pt!important;margin-bottom:8pt!important}.main-result,.personality-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:2pt solid #5c6bc0!important;border-radius:8pt!important;box-shadow:0 3pt 10pt #00000014!important;margin:20pt 0!important;padding:20pt!important;page-break-inside:avoid!important;position:relative!important}.main-result:before,.personality-card:before{background:linear-gradient(90deg,#5c6bc0,#3f51b5,#5c6bc0)!important;border-radius:8pt 8pt 0 0!important;content:"";height:4pt;left:0;position:absolute;right:0;top:0}.result-icon{color:#5c6bc0!important;font-size:42pt!important;margin-bottom:15pt!important;text-shadow:0 1pt 3pt #0000001a!important}.percentage-number{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;color:#2c3e50!important;font-family:Georgia,Times New Roman,serif!important;font-size:36pt!important;font-weight:700!important;margin-bottom:5pt!important}.percentage-label{color:#6c757d!important;font-size:13pt!important;font-weight:500!important;letter-spacing:1pt!important;text-transform:uppercase!important}.personality-description{background:#5c6bc008!important;border-radius:0 4pt 4pt 0!important;border-right:3pt solid #5c6bc0!important;color:#2c3e50!important;font-size:13pt!important;line-height:1.7!important;margin:15pt 0!important;padding:12pt!important;text-align:justify!important}.scores-chart{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2pt solid #dee2e6!important;border-radius:8pt!important;margin:25pt 0!important;padding:20pt!important;page-break-inside:avoid!important}.scores-chart h3{border-bottom:1pt solid #dee2e6!important;color:#2c3e50!important;font-size:18pt!important;font-weight:600!important;margin-bottom:20pt!important;padding-bottom:10pt!important;text-align:center!important}.score-item{background:#fff!important;border:1pt solid #ced4da!important;border-radius:6pt!important;box-shadow:0 1pt 3pt #0000000d!important;margin:12pt 0!important;padding:15pt!important;page-break-inside:avoid!important}.score-header{align-items:center!important;color:#2c3e50!important;display:flex!important;font-weight:600!important;justify-content:space-between!important;margin-bottom:8pt!important}.score-name{color:#495057!important;font-size:13pt!important;font-weight:500!important}.score-percentage{color:#5c6bc0!important;font-family:Georgia,Times New Roman,serif!important;font-size:16pt!important;font-weight:700!important}.score-bar{background:#e9ecef!important;border:1pt solid #ced4da!important;height:12pt!important;margin-top:8pt!important;overflow:hidden!important}.score-bar,.score-fill{border-radius:6pt!important}.score-fill{background:linear-gradient(90deg,#5c6bc0,#3f51b5)!important;height:100%!important;transition:none!important}.careers-grid,.stats-grid,.traits-grid{display:block!important;margin:20pt 0!important}.stat-item,.traits-section{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:2pt solid #e9ecef!important;border-radius:8pt!important;box-shadow:0 2pt 6pt #0000000d!important;margin:15pt 0!important;padding:18pt!important;page-break-inside:avoid!important}.stat-item h3,.traits-section h3{border-bottom:1pt solid #dee2e6!important;color:#2c3e50!important;font-size:16pt!important;font-weight:600!important;margin-bottom:15pt!important;padding-bottom:8pt!important;text-align:center!important}.career-item,.trait-item{background:#5c6bc00a!important;border:1pt solid #e3f2fd!important;border-radius:4pt!important;border-right:3pt solid #5c6bc0!important;color:#2c3e50!important;font-size:12pt!important;line-height:1.5!important;margin:8pt 0!important;padding:12pt!important}.career-item:first-child,.trait-item:first-child{margin-top:0!important}.career-item:last-child,.trait-item:last-child{margin-bottom:0!important}.tip-item{background:#f8f9fa!important;border:1pt solid #dee2e6!important;border-radius:0!important;margin:8pt 0!important;padding:10pt!important;page-break-inside:avoid!important}.tip-note{background:#e7f3ff!important;border:1pt solid #b3d9ff!important;border-radius:0!important;margin:15pt 0!important;padding:15pt!important}h1,h2,h3,h4,h5,h6{color:#333!important;font-weight:700!important;margin-bottom:8pt!important;page-break-after:avoid!important}h2{border-bottom:1pt solid #dee2e6!important;font-size:18pt!important;margin-top:20pt!important;padding-bottom:5pt!important}h3{font-size:16pt!important;margin-top:15pt!important}h4{font-size:14pt!important;margin-top:12pt!important}li,p{color:#333!important;font-size:12pt!important;line-height:1.4!important;margin-bottom:8pt!important;text-align:justify!important}.traits-list{margin:0!important;padding:0!important}.trait-item{list-style:none!important;margin:5pt 0!important;padding:8pt!important}.personality-card,.scores-chart,.traits-section{page-break-inside:avoid!important}.main-result{page-break-after:avoid!important}.result-icon,.score-icon,.stat-icon,.tip-icon{color:#333!important}@page{margin:2cm;@bottom-center{color:#666;content:"تقرير تحليل الشخصية - صفحة " counter(page) " من " counter(pages);font-family:Arial,sans-serif;font-size:10pt}@top-right{color:#666;content:"مبني على كتاب محاط بالحمقى";font-family:Arial,sans-serif;font-size:10pt}}.results-container{margin:0!important;max-width:none!important;padding:0!important}.action-buttons,.btn,.navigation-buttons,button{display:none!important}.option-details,.option-text{color:#333!important}.question-card{background:#fff!important;border:1pt solid #dee2e6!important;border-radius:0!important;margin:15pt 0!important;padding:15pt!important;page-break-inside:avoid!important}.question-text{color:#333!important;font-size:14pt!important;font-weight:700!important;margin-bottom:12pt!important}.option{background:#f8f9fa!important;border:1pt solid #dee2e6!important;border-radius:0!important;margin:8pt 0!important;padding:10pt!important}.option.selected{background:#e7f3ff!important;border-color:#0d6efd!important}*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}.percentage-display,.scores-chart,.traits-grid{color:#333!important}.option-details,.option-text,.personality-description,.question-details,.question-text,body{direction:rtl!important;text-align:right!important}}.flag{background-position:50%;background-size:cover;border-radius:2px;display:inline-block;height:15px;margin-right:8px;vertical-align:middle;width:20px}.flag-us{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7410 3900'%3E%3Cpath fill='%23b22234' d='M0 0h7410v3900H0z'/%3E%3Cpath d='M0 450h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0' stroke='%23fff' stroke-width='300'/%3E%3Cpath fill='%233c3b6e' d='M0 0h2964v2100H0z'/%3E%3Cg fill='%23fff'%3E%3Cg id='d'%3E%3Cg id='c'%3E%3Cg id='b'%3E%3Cpath id='a' d='m247 90 70.534 217.082-184.66-134.164h228.253L176.466 307.082z'/%3E%3Cuse y='420' href='%23a'/%3E%3Cuse y='840' href='%23a'/%3E%3Cuse y='1260' href='%23a'/%3E%3C/g%3E%3Cuse y='1680' href='%23a'/%3E%3Cuse x='247' href='%23b'/%3E%3C/g%3E%3Cuse x='494' href='%23c'/%3E%3C/g%3E%3Cuse x='741' href='%23d'/%3E%3C/g%3E%3C/svg%3E")}.flag-es{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 750 500'%3E%3Cpath fill='%23aa151b' d='M0 0h750v500H0z'/%3E%3Cpath fill='%23f1bf00' d='M0 125h750v250H0z'/%3E%3C/svg%3E")}.flag-fr{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 600'%3E%3Cpath fill='%23fff' d='M0 0h900v600H0z'/%3E%3Cpath fill='%23002654' d='M0 0h300v600H0z'/%3E%3Cpath fill='%23ce1126' d='M600 0h300v600H600z'/%3E%3C/svg%3E")}.flag-sa{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 600'%3E%3Cpath fill='%23006c35' d='M0 0h900v600H0z'/%3E%3Cpath fill='%23fff' d='M200 200h500v40H200zm0 80h400v40H200zm0 80h300v40H200z'/%3E%3C/svg%3E")}[dir=rtl] .flag{margin-left:8px;margin-right:0}.language-selector{position:fixed;right:20px;top:20px;z-index:1000}.language-dropdown{display:inline-block;position:relative}.language-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:0;font-weight:500;gap:0;justify-content:center;min-width:auto;padding:12px 16px;transition:all .3s ease}.language-button .flag{font-size:1rem;margin-left:0!important;margin-right:0!important}.language-button .dropdown-arrow{display:none}.language-button:hover{background:#ffffff26;border-color:#4fc3f780;transform:translateY(-2px)}.dropdown-arrow{font-size:.7em;transition:transform .3s ease}.language-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.language-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;box-shadow:var(--shadow-xl);margin-top:8px;min-width:150px;opacity:0;padding:8px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.language-dropdown:hover .language-options{opacity:1;transform:translateY(0);visibility:visible}.language-option{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:block;display:flex;font-size:.9em;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#4fc3f71a;color:#4fc3f7}.language-option.active{background:#4fc3f733;color:#4fc3f7;font-weight:600}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}[dir=rtl] .language-selector{left:20px;right:auto}[dir=rtl] .language-options{left:0;right:auto}[dir=rtl] .language-option{flex-direction:row-reverse;text-align:right}[dir=rtl] .option-content{text-align:right}[dir=rtl] .option:hover{transform:translateX(-5px)}[dir=rtl] .tip-item:hover,[dir=rtl] .trait-item:hover{transform:translateX(5px)}[dir=rtl] .score-item,[dir=rtl] .trait-item{border-left:4px solid #4fc3f7;border-right:none}[dir=ltr] .option-content{text-align:left}[dir=ltr] .option:hover{transform:translateX(5px)}[dir=ltr] .tip-item:hover,[dir=ltr] .trait-item:hover{transform:translateX(-5px)}[dir=ltr] .score-item,[dir=ltr] .trait-item{border-left:none;border-right:4px solid #4fc3f7}[dir=ltr] .option-details,[dir=ltr] .option-text,[dir=ltr] .personality-description,[dir=ltr] .question-details,[dir=ltr] .score-name,[dir=ltr] .tip-content{text-align:left}@media (max-width:768px){.language-selector{right:15px;top:15px}[dir=rtl] .language-selector{left:15px;right:auto}.language-button{padding:10px 12px}.language-options{min-width:130px}}.privacy-policy-container{margin:0 auto;max-width:900px;padding:20px;position:relative;z-index:1}.privacy-policy-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:25px;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:40px;text-align:left}.privacy-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5em;font-weight:800;margin-bottom:10px;text-align:center}.privacy-last-updated{color:var(--text-secondary);font-size:.95em;font-style:italic;margin-bottom:40px;text-align:center}.privacy-section{margin-bottom:35px}.privacy-section h2{border-bottom:2px solid var(--card-border);color:var(--text-primary);font-size:1.6em;font-weight:700;margin-bottom:15px;padding-bottom:10px}.privacy-section p{color:var(--text-secondary);font-size:1.05em;line-height:1.8;margin-bottom:15px}.privacy-section ul{list-style:none;margin:15px 0;padding-left:0}.privacy-section ul li{color:var(--text-secondary);font-size:1.05em;line-height:1.8;margin-bottom:12px;padding-left:25px;position:relative}.privacy-section ul li:before{color:#667eea;content:"•";font-size:1.2em;font-weight:700;left:8px;position:absolute}.privacy-section ul li strong{color:var(--text-primary);font-weight:600}.privacy-section a{color:#667eea;font-weight:500;text-decoration:none;transition:all .3s ease}.privacy-section a:hover{color:#764ba2;text-decoration:underline}.back-button,.back-button-bottom{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 5px 20px #667eea66;color:#fff;cursor:pointer;display:inline-block;font-size:1.1em;font-weight:600;margin-bottom:30px;padding:14px 30px;transition:all .3s ease}.back-button-bottom{display:block;margin:20px auto 0;width:-webkit-fit-content;width:fit-content}.back-button-bottom:hover,.back-button:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.back-button-bottom:active,.back-button:active{transform:translateY(0)}[dir=rtl] .privacy-policy-content{text-align:right}[dir=rtl] .privacy-section ul li{padding-left:0;padding-right:25px}[dir=rtl] .privacy-section ul li:before{left:auto;right:8px}@media (max-width:768px){.privacy-policy-content{padding:30px 20px}.privacy-title{font-size:1.8em}.privacy-section h2{font-size:1.3em}.privacy-section p,.privacy-section ul li{font-size:1em}.back-button,.back-button-bottom{font-size:1em;padding:12px 24px}}@media (max-width:480px){.privacy-policy-content{border-radius:20px;padding:25px 15px}.privacy-title{font-size:1.5em}.privacy-section h2{font-size:1.2em}}
/*# sourceMappingURL=main.c0a9c0b1.css.map*/