@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--primary-purple:#7c3aed;--primary-purple-dark:#5b21b6;--primary-cyan:#0891b2;--text-primary:#ffffff;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-card:#252550;--border-color:#374151;--border-accent:#7c3aed;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--nav-height:80px}@media (prefers-contrast:high){:root{--primary-purple:#9333ea;--text-primary:#ffffff;--text-secondary:#ffffff;--text-muted:#d1d5db;--bg-primary:#000000;--bg-secondary:#111111;--bg-card:#222222;--border-color:#666666;--border-accent:#a855f7}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;padding-top:var(--nav-height)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-purple);color:white;padding:8px 16px;text-decoration:none;border-radius:4px;z-index:10000;font-weight:600}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus{outline:3px solid var(--primary-purple);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--primary-purple);outline-offset:2px}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.3}.particle{position:absolute;background:var(--primary-purple);border-radius:50%;opacity:.1}@media (prefers-reduced-motion:no-preference){.particle{animation:float 6s ease-in-out infinite}.particle:first-child{width:4px;height:4px;top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){width:6px;height:6px;top:60%;left:80%;animation-delay:2s}.particle:nth-child(3){width:3px;height:3px;top:80%;left:40%;animation-delay:4s}.particle:nth-child(4){width:5px;height:5px;top:30%;left:70%;animation-delay:1s}.particle:nth-child(5){width:4px;height:4px;top:70%;left:10%;animation-delay:3s}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.container{max-width:1600px;margin:0 auto;padding:0 var(--primary-spacing)}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:2rem 5%}.header-container{max-width:1400px;margin:0 auto;text-align:center}.header h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{font-size:clamp(1rem,3vw,1.125rem);color:var(--text-secondary);max-width:600px;margin:0 auto}.section-header{text-align:center;margin-bottom:clamp(1.5rem,3vw,2rem)}.section-header h2{font-size:clamp(1.75rem,5vw,3rem);font-weight:800;margin-bottom:clamp(1rem,3vw,1.25rem);color:var(--text-primary);line-height:1.2;letter-spacing:-.025em}.section-header p{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--text-secondary);max-width:min(600px,90%);margin:0 auto;line-height:1.6}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:4rem}.btn{display:inline-block;padding:1rem 2rem;font-weight:600;font-size:1rem;text-decoration:none;border-radius:50px;transition:all .2s ease;border:2px solid transparent;cursor:pointer;text-align:center;min-width:160px}.btn-primary{background-color:var(--primary-purple);color:white;border-color:var(--primary-purple)}.btn-primary:focus,.btn-primary:hover{background-color:var(--primary-purple-dark);border-color:var(--primary-purple-dark);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:focus,.btn-secondary:hover{background:rgba(124,58,237,.1);border-color:var(--primary-purple)}.action-buttons{gap:.75rem;margin-top:1rem}.action-btn,.action-buttons{display:flex;justify-content:center}.action-btn{align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:0 0 auto;min-width:auto}.action-btn-1{background:var(--bg-card);color:var(--text-secondary);border-color:var(--primary-purple)}.action-btn-1:hover{background:var(--primary-purple);color:var(--text-primary);border-color:var(--primary-purple-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.3)}.action-btn-2{background:var(--bg-card);color:var(--text-secondary);border-color:var(--primary-cyan)}.action-btn-2:hover{background:var(--primary-cyan);color:var(--text-primary);border-color:#0891b2;transform:translateY(-2px);box-shadow:0 4px 12px rgba(8,145,178,.3)}.action-btn:active{transform:translateY(0)}.action-btn:focus{outline:2px solid var(--border-accent);outline-offset:2px}.action-btn-icon{font-size:1rem}@media (max-width:640px){.action-buttons{flex-direction:column;gap:.5rem}.action-btn{padding:.625rem 1.25rem;font-size:.8125rem}}.game-section{padding:40px 0;background:#fffef5}.assessment-question-frame{background-color:#fafafa;padding:15px;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.05)}.game-section-box{background:#ffffff;border-radius:24px;box-shadow:0 12px 30px rgba(0,0,0,.08);max-width:1200px;margin:0 auto;padding:40px 30px;text-align:center;position:relative}.game-section-heading{font-size:28px;font-weight:700;font-family:Inter,sans-serif;color:#333;margin-bottom:30px;text-align:center;background:linear-gradient(90deg,#feda6a,#ffd43b);display:inline-block;padding:10px 20px;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.05)}.game-section-heading:before{content:"✨";margin-right:8px}.game-section-heading:after{content:"🎲";margin-left:8px}.section-box-container{background:#fffef5;border-radius:16px;padding:30px 25px;box-shadow:0 8px 24px rgba(0,0,0,.08);max-width:100%;margin:40px auto;text-align:center;font-family:Inter,sans-serif}.section-box-heading{font-size:20px;font-weight:500;color:#333;margin-bottom:20px;justify-content:center;align-items:center}.section-box-input-row{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.assessment-select{flex-grow:1;flex-shrink:1;min-width:0;padding:12px 16px;font-size:16px;border-radius:12px;border:1px solid #ddd;background:#fff;font-family:Inter,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.05)}.assessment-start-btn:disabled{background-color:#eee;color:#aaa;cursor:not-allowed}.section-content-panel{flex:0 0 50%;max-width:50%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}p{font-size:1rem;line-height:1.5;margin:10px 0 20px;color:#333}h1,h2,h3,h4,h5,h6{font-family:Inter;color:var(--foreground);margin:0 0 1rem;line-height:1.4}h1{font-size:2rem;font-weight:700}h2{font-size:1.75rem;font-weight:600}h3{font-size:1.5rem;font-weight:500}h4{font-size:1.25rem;font-weight:400}h5{font-size:1rem;font-weight:300}h6{font-size:.875rem;font-weight:200}.section-heading{font-size:20px;font-weight:500;color:#333;margin-bottom:20px}.section-image{width:60%;max-height:auto;object-fit:cover;display:block}.button{text-decoration:none;background-color:#feda6a;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button,a.button{display:inline-block;padding:12px 24px;font-size:15px;font-weight:500;color:#222!important;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.1);border:none}a.button{outline:3px solid #16588a;outline-offset:2px;text-decoration:none!important;background-color:#eaf6ff;border-radius:10px}.button:hover{background-color:#ffd43b;outline:3px solid #ffd43b;outline-offset:2px}.button:hover,a.button:hover{color:#222;box-shadow:0 6px 12px rgba(0,0,0,.2)}a.button:hover{background-color:#d9f0ff;outline:3px solid #16588a;outline-offset:2px}.button-container{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:20px 0}.close-button{background-color:#f44336;color:white;border:none;padding:10px;cursor:pointer;font-size:14px;border-radius:5px;margin-bottom:10px}.close-button:hover{background-color:#d32f2f}.language-container,.language-selector{display:flex;align-items:center;gap:10px;justify-content:center}.error-message{color:red;font-size:14px;margin-top:10px}.success-message{color:rgba(2,62,15,.945);font-size:14px;margin-top:10px}.section-container{padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#fffef5;box-shadow:0 4px 8px rgba(0,0,0,.1)}form{flex-direction:column}.form-group,form{display:flex;gap:10px}.form-group{align-items:center;margin-bottom:10px}label{font-size:16px;width:200px}input[type=email],input[type=password],input[type=text],textarea{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:16px;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{border-color:var(--primary-blue);outline:none}select{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:16px;background-color:#fff;width:100%}select:focus{border-color:var(--primary-blue);outline:none}.checkbox-group,.radio-group{display:flex;gap:10px;align-items:left}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{accent-color:var(--primary-blue)}input[type=file]{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:16px;background-color:#fff;width:100%;cursor:pointer}input[type=file]:focus{border-color:var(--primary-blue);outline:none}button[type=submit]{flex-shrink:0;padding:12px 20px;font-size:16px;font-weight:600;background-color:#feda6a;color:#222;border:none;border-radius:10px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.1);white-space:nowrap}button[type=submit]:hover{background-color:#ffd43b;transform:scale(1.05)}button[type=submit]:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.5)}.reset-button{background-color:#e74c3c}.reset-button:hover{background-color:#c0392b}.footer{width:100%;text-align:center;padding:20px 16px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));font-family:Inter,sans-serif;font-size:.95rem;color:#ffff;border-top:1px solid #eaeaea;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.footer p{margin:4px 0;color:#ffff}.footer a{display:inline-block;margin-top:6px;text-decoration:none;color:#6a6afe;font-weight:500;transition:color .2s ease}.footer a:focus,.footer a:hover{color:#4c4cff;text-decoration:underline}@media (max-width:600px){.footer{font-size:.85rem;padding:16px 12px}.footer a{margin-top:10px}}@media (max-width:1024px){.container{max-width:960px}.section{display:block}.section-container{padding:15px}.navbar .logo{font-size:1.5rem}.navbar .nav-links{gap:1rem}.button,.navbar .nav-links a{font-size:.875rem}.button{padding:10px 20px}}@media (max-width:768px){.container{max-width:720px;padding:0 var(--primary-spacing)}.section-container{padding:15px}.navbar{padding:1rem}.navbar .logo{font-size:1.25rem}.navbar .nav-links{display:none}.section{padding:10px;display:block}.row{flex-wrap:wrap}.left-panel,.right-panel{flex:0 0 100%;max-width:100%}.button{padding:8px 16px;font-size:.75rem;white-space:normal;text-align:center}}@media (max-width:480px){.container{max-width:100%;padding:0 10px}.section-container{padding:15px}.navbar{padding:.5rem}.navbar .logo{font-size:1rem}.navbar .nav-links{display:none}.section{padding:5px;display:block}.button{padding:6px 12px;font-size:.625rem;white-space:normal;text-align:center}.left-panel,.right-panel{padding:5px}p{font-size:.875rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}}@media (max-width:1024px){.form-group{align-items:flex-start}.checkbox-group,.form-group,.radio-group{flex-direction:column;gap:5px}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{margin:0}}@media (max-width:768px){.form-group{align-items:flex-start}.checkbox-group,.form-group,.radio-group{flex-direction:column;gap:5px}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{margin:0}}@media (max-width:480px){.form-group{align-items:flex-start}.checkbox-group,.form-group,.radio-group{flex-direction:column;gap:5px}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{margin:0}}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}*,body{-webkit-user-select:none;-moz-user-select:none;user-select:none}[aria-describedby],[aria-label],[contenteditable=true],input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}body{-webkit-touch-callout:none;-webkit-user-select:none}@media print{body{display:none}}.screenshot-protection{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;z-index:9999}.watermark{position:relative;overflow:hidden}.watermark:before{content:"Security Warning";font-size:3rem;color:rgba(0,0,0,.1);font-weight:700}.watermark:after,.watermark:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none;z-index:1}.watermark:after{content:"Copyright Protected, DO NOT COPY";opacity:.5;font-size:2rem;color:rgba(255,255,255,.5)}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}