:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:relative}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700;z-index:1001}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;position:relative}.logo-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:#ffffffe6;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:1rem}.admin-link,.profile-link{color:#ffffffe6;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.admin-link:hover,.profile-link:hover{color:#fff}.nav-button{padding:.625rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-button:hover{background:#ffffff1a;border-color:#ffffff80}.hamburger-button{display:none;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001;width:40px;height:40px;gap:5px}.hamburger-line{width:24px;height:2px;background-color:#fff;transition:all .3s ease;border-radius:2px}.hamburger-button:hover .hamburger-line{background-color:#fffc}.hamburger-button.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;transform:translateY(-100%);opacity:0;transition:all .3s ease}.mobile-menu.open{transform:translateY(0);opacity:1}.mobile-menu-links{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.mobile-menu-links a{color:#ffffffe6;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.5rem 0;transition:color .3s ease;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-menu-links a:hover{color:#fff}.mobile-menu-actions{display:flex;flex-direction:column;gap:.75rem}.mobile-menu-actions .nav-button{width:100%;text-align:center;padding:.875rem 1.5rem}.mobile-logout{background:#ef44441a;border-color:#ef444480}.mobile-logout:hover{background:#ef444433;border-color:#ef4444b3}@media(max-width:768px){.nav-container{padding:0 1rem}.nav-links,.nav-actions,.desktop-only{display:none!important}.hamburger-button{display:flex}.mobile-menu{display:block}.nav-logo{font-size:1.25rem}.logo-icon{width:28px;height:28px}.logo-icon:before{width:14px;height:14px}}@media(max-width:480px){.mobile-menu{padding:1.25rem 1rem}.nav-button{font-size:.875rem}}.home-page{min-height:100vh;background:#000;color:#fff;position:relative;overflow-x:hidden}.hero-section{background-image:url(/assets/hero-portrait-CGwNiIfB.avif);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:0;overflow:hidden}.hero-background:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(ellipse at center,rgba(102,126,234,.15) 0%,transparent 70%);background-image:radial-gradient(ellipse 400px 600px at 70% 50%,rgba(102,126,234,.1) 0%,transparent 50%),linear-gradient(135deg,transparent 0%,rgba(118,75,162,.05) 100%);opacity:.6;filter:blur(40px)}.hero-background:after{content:"";position:absolute;top:0;right:-10%;width:50%;height:100%;background:radial-gradient(ellipse 300px 500px at 60% 50%,rgba(255,255,255,.03) 0%,transparent 60%);opacity:.8}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000000 0%,transparent 50%,transparent 100%);z-index:1}.hero-content{position:relative;z-index:2;max-width:1400px;width:100%;padding:0 4rem;margin-left:0;text-align:left;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.hero-section.animate-in .hero-content,.hero-content.animate-in{opacity:1;transform:translateY(0)}.hero-title{font-size:5.5rem;font-weight:900;line-height:1.1;margin-bottom:2.5rem;color:#fff;letter-spacing:-.03em;max-width:900px}.glitch-text{position:relative;display:inline-block;color:#fff;animation:glitch 3s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 #667eea,2px 2px #f5576c;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse;opacity:.8}.glitch-text:after{left:-2px;text-shadow:-2px 0 #f5576c,2px 2px #667eea;clip:rect(44px,450px,56px,0);animation:glitch-anim2 1s infinite linear alternate-reverse;opacity:.8}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.5deg)}5%{clip:rect(12px,9999px,77px,0);transform:skew(.5deg)}10%{clip:rect(98px,9999px,10px,0);transform:skew(.5deg)}15%{clip:rect(54px,9999px,66px,0);transform:skew(.5deg)}20%{clip:rect(88px,9999px,22px,0);transform:skew(.5deg)}25%{clip:rect(3px,9999px,99px,0);transform:skew(.5deg)}30%{clip:rect(45px,9999px,55px,0);transform:skew(.5deg)}35%{clip:rect(67px,9999px,33px,0);transform:skew(.5deg)}40%{clip:rect(23px,9999px,77px,0);transform:skew(.5deg)}45%{clip:rect(89px,9999px,11px,0);transform:skew(.5deg)}50%{clip:rect(1px,9999px,99px,0);transform:skew(.5deg)}55%{clip:rect(78px,9999px,22px,0);transform:skew(.5deg)}60%{clip:rect(34px,9999px,66px,0);transform:skew(.5deg)}65%{clip:rect(90px,9999px,10px,0);transform:skew(.5deg)}70%{clip:rect(56px,9999px,44px,0);transform:skew(.5deg)}75%{clip:rect(12px,9999px,88px,0);transform:skew(.5deg)}80%{clip:rect(45px,9999px,55px,0);transform:skew(.5deg)}85%{clip:rect(67px,9999px,33px,0);transform:skew(.5deg)}90%{clip:rect(23px,9999px,77px,0);transform:skew(.5deg)}95%{clip:rect(89px,9999px,11px,0);transform:skew(.5deg)}to{clip:rect(1px,9999px,99px,0);transform:skew(.5deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.5deg)}5%{clip:rect(96px,9999px,4px,0);transform:skew(.5deg)}10%{clip:rect(8px,9999px,92px,0);transform:skew(.5deg)}15%{clip:rect(42px,9999px,58px,0);transform:skew(.5deg)}20%{clip:rect(76px,9999px,24px,0);transform:skew(.5deg)}25%{clip:rect(91px,9999px,9px,0);transform:skew(.5deg)}30%{clip:rect(35px,9999px,65px,0);transform:skew(.5deg)}35%{clip:rect(57px,9999px,43px,0);transform:skew(.5deg)}40%{clip:rect(13px,9999px,87px,0);transform:skew(.5deg)}45%{clip:rect(79px,9999px,21px,0);transform:skew(.5deg)}50%{clip:rect(99px,9999px,1px,0);transform:skew(.5deg)}55%{clip:rect(46px,9999px,54px,0);transform:skew(.5deg)}60%{clip:rect(68px,9999px,32px,0);transform:skew(.5deg)}65%{clip:rect(24px,9999px,76px,0);transform:skew(.5deg)}70%{clip:rect(90px,9999px,10px,0);transform:skew(.5deg)}75%{clip:rect(2px,9999px,98px,0);transform:skew(.5deg)}80%{clip:rect(55px,9999px,45px,0);transform:skew(.5deg)}85%{clip:rect(77px,9999px,23px,0);transform:skew(.5deg)}90%{clip:rect(33px,9999px,67px,0);transform:skew(.5deg)}95%{clip:rect(89px,9999px,11px,0);transform:skew(.5deg)}to{clip:rect(1px,9999px,99px,0);transform:skew(.5deg)}}.hero-subtitle{font-size:1.375rem;color:#ffffffd9;margin-bottom:3.5rem;line-height:1.6;max-width:700px;font-weight:400}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn-primary{padding:1.125rem 2.75rem;background:#fff;color:#000;border:2px solid #000000;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff4d}.categories-section{padding:8rem 4rem;max-width:1400px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;background:#000}.categories-section.animate-in{opacity:1;transform:translateY(0)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.category-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.category-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-5px)}.card-image-container{margin-bottom:2rem;height:250px;position:relative;overflow:hidden;border-radius:15px}.card-image{width:100%;height:100%;background:linear-gradient(135deg,#667eea26,#764ba226);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-image.ai-readiness{background:linear-gradient(135deg,#667eea33,#764ba233)}.card-image.digital-strategy{background:linear-gradient(135deg,#f5576c33,#f093fb33)}.card-image.cybersecurity{background:linear-gradient(135deg,#4caf5033,#81c78433)}.card-image.tech-trends{background:linear-gradient(135deg,#ff980033,#ffc10733)}.card-icon{font-size:5rem;z-index:2;position:relative;filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}.glitch-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(102,126,234,.1) 2px,rgba(102,126,234,.1) 4px);opacity:0;transition:opacity .3s ease;pointer-events:none}.category-card:hover .glitch-overlay{opacity:1;animation:glitch-scan .5s infinite}@keyframes glitch-scan{0%{transform:translateY(0)}to{transform:translateY(10px)}}.card-content{text-align:left}.card-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem}.card-description{font-size:1rem;color:#ffffffb3;line-height:1.6}@media(max-width:1200px){.hero-title{font-size:4rem}.hero-content{padding:0 2rem}}@media(max-width:968px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.125rem}.categories-grid{grid-template-columns:1fr}.categories-section{padding:4rem 2rem}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-content{padding:0 1.5rem}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:.95rem}}.auth-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-header p{color:#ffffffb3;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-group input{padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea80;background:#ffffff14}.form-group input::placeholder{color:#fff6}.form-options{display:flex;justify-content:flex-end}.forget-link{color:#667eea;text-decoration:none;font-size:.9rem;transition:color .3s ease}.forget-link:hover{color:#667eeacc}.auth-button{padding:1.125rem 2rem;background:#fff;border:2px solid #000000;border-radius:8px;color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem;letter-spacing:.5px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ffffff4d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f5576c33;border:1px solid rgba(245,87,108,.5);color:#f5576c;padding:.875rem;border-radius:10px;font-size:.9rem;margin-bottom:1rem}.success-message{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50;padding:.875rem;border-radius:10px;font-size:.9rem;margin-bottom:1rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:#ffffffb3;font-size:.9rem}.auth-footer a{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-footer a:hover{color:#667eeacc}.quizzes-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-top:80px}.core-purpose-section{padding:6rem 2rem;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.core-purpose-section.animate-in{opacity:1;transform:translateY(0)}.purpose-content{z-index:2}.purpose-label{font-size:.875rem;color:#4caf50;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.purpose-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2}.purpose-description{font-size:1.125rem;color:#fffc;line-height:1.6;margin-bottom:2rem}.purpose-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.purpose-list li{display:flex;gap:1rem;align-items:flex-start}.check-icon{width:24px;height:24px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.purpose-list li div strong{display:block;color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.purpose-list li div p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.purpose-visual{position:relative;height:min(500px,90vh);width:min(800px,90vw);max-width:100%;display:flex;align-items:center;justify-content:center}.abstract-shape{width:100%;height:100%;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:30px;position:relative;overflow:hidden}.abstract-shape:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.2) 0%,transparent 70%);animation:rotate 20s linear infinite}.abstract-shape:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(102,126,234,.05) 10px,rgba(102,126,234,.05) 20px)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-section{padding:4rem 2rem;max-width:1400px;margin:0 auto;display:flex;justify-content:space-around;gap:2rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.stats-section.animate-in{opacity:1;transform:translateY(0)}.stat-item{text-align:center}.stat-number{font-size:4rem;font-weight:800;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;color:#fffc;font-weight:500}.spotlight-section{padding:4rem 2rem;max-width:1400px;margin:0 auto}.spotlight-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:3rem}.featured-quiz-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0}.quiz-card-image{position:relative;background:linear-gradient(135deg,#667eea33,#764ba233);min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-badge{position:absolute;top:1.5rem;left:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.2)}.star-icon{color:gold;font-size:1rem}.cloud-visual{width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;position:relative;animation:float 6s ease-in-out infinite}.cloud-visual:before{content:"";position:absolute;top:-30px;left:20px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%}.cloud-visual:after{content:"";position:absolute;top:-20px;right:20px;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quiz-card-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.quiz-card-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.quiz-card-description{font-size:1rem;color:#fffc;line-height:1.6;margin-bottom:2rem}.quiz-card-button{padding:1rem 2rem;background:#fff;color:#0a0a0a;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.quiz-card-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.all-quizzes-section{padding:4rem 2rem;max-width:1400px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:3rem}.quiz-item-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;cursor:pointer;transition:all .3s ease}.quiz-item-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-5px)}.quiz-item-category{font-size:.875rem;color:#4caf50;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.quiz-item-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.quiz-item-description{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.quiz-item-meta{font-size:.875rem;color:#fff9;margin-bottom:1.5rem}.quiz-item-button{width:100%;padding:.875rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-item-button:hover{background:#ffffff1a;border-color:#ffffff80}@media(max-width:968px){.core-purpose-section,.featured-quiz-card{grid-template-columns:1fr}.stats-section{flex-direction:column;gap:3rem}}.quiz-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-top:80px}.quiz-container{max-width:1000px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.progress-container{width:100%;max-width:800px;margin-bottom:3rem;opacity:0;animation:fadeInDown .6s ease forwards}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:10px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:10px;transition:width .5s ease;box-shadow:0 0 20px #f5576c80}.progress-text{text-align:center;color:#ffffffe6;font-weight:500;font-size:.9rem}.question-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:3rem;margin-bottom:2rem;max-width:800px;width:100%;border:1px solid rgba(255,255,255,.1);text-align:center;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;box-shadow:0 20px 60px #0000004d}.question-card.animate-in{opacity:1;transform:translateY(0)}.question-number{display:inline-block;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;font-size:.9rem;margin-bottom:1.5rem;letter-spacing:1px}.question-text{font-size:2rem;font-weight:700;color:#fff;line-height:1.4;margin:0}.options-container{max-width:800px;width:100%;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease .2s,transform .6s ease .2s}.options-container.animate-in{opacity:1;transform:translateY(0)}.option-button{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.option-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(10px)}.option-button.selected{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:transparent;box-shadow:0 10px 30px #f5576c66;transform:translate(10px)}.option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:10px;font-weight:700;font-size:1.1rem;flex-shrink:0}.option-button.selected .option-letter{background:#ffffff4d}.option-text{flex:1}.check-icon{width:24px;height:24px;stroke:#fff;flex-shrink:0}.quiz-navigation{max-width:800px;width:100%;display:flex;justify-content:flex-end;opacity:0;animation:fadeInUp .6s ease .4s forwards}.next-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66}.next-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #667eea80}.next-button:disabled{opacity:.5;cursor:not-allowed}.button-arrow{width:20px;height:20px;transition:transform .3s ease}.next-button:hover:not(:disabled) .button-arrow{transform:translate(5px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.quiz-container{padding:1rem}.question-card{padding:2rem 1.5rem}.question-text{font-size:1.5rem}.option-button{padding:1.25rem 1.5rem;font-size:1rem}.results-card{padding:2.5rem 1.5rem}.results-title{font-size:2rem}.score-number{font-size:3rem}}.results-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-top:80px}.results-container{max-width:1400px;margin:0 auto;padding:4rem 2rem}.results-header{margin-bottom:3rem;text-align:center;padding:2.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.results-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:20px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-icon{font-size:1.25rem}.badge-text{color:#ffffffe6}.results-title{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.quiz-info{margin-bottom:1rem}.quiz-name{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.quiz-category{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;color:#ffffffb3;background:#ffffff0d;padding:.5rem 1rem;border-radius:12px;margin:0}.category-icon{font-size:1.125rem}.encouragement-text{font-size:1.125rem;color:#fffc;max-width:600px;margin:1rem auto 0;line-height:1.6}.results-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.results-main{display:flex;flex-direction:column;gap:2.5rem}.score-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;display:flex;flex-direction:column;gap:2rem}.level-badge{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1.5rem;border-radius:20px;background:#ffffff1a;align-self:flex-start}.score-display{display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center}.score-large{font-size:5rem;font-weight:800;color:#fff;line-height:1}.score-label{font-size:1.125rem;color:#ffffffb3;font-weight:500}.score-stats{display:flex;justify-content:space-around;align-items:center;gap:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-value{font-size:2.5rem;font-weight:700}.stat-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:50px;background:#ffffff1a}.answers-review{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem}.review-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:2rem}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-review{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:all .3s ease}.question-review:hover{background:#ffffff0a;border-color:#ffffff26}.question-review.correct{border-left:3px solid #4caf50}.question-review.incorrect{border-left:3px solid #f5576c}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{font-size:.875rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.result-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.result-badge.correct{background:#4caf5033;color:#4caf50}.result-badge.incorrect{background:#f5576c33;color:#f5576c}.question-text{font-size:1.125rem;color:#fff;margin-bottom:1rem;line-height:1.6}.answers-display{display:flex;flex-direction:column;gap:.75rem}.answer-item{display:flex;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.answer-item.correct-answer{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.answer-item.wrong-answer{background:#f5576c1a;border:1px solid rgba(245,87,108,.3)}.answer-label{font-weight:600;color:#fffc}.answer-text{color:#fffffff2}.results-sidebar{display:flex;flex-direction:column;gap:2rem}.performance-summary{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.summary-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:2rem}.summary-item{margin-bottom:2rem}.summary-item:last-child{margin-bottom:0}.summary-label{font-size:.875rem;color:#fff9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.progress-bar-container{height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:#ffffff4d;border-radius:10px;transition:width .8s ease}.progress-bar-fill.active{background:linear-gradient(90deg,#667eea,#764ba2)}.action-buttons{display:flex;flex-direction:column;gap:1rem}.action-button{padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.action-button.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-button.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}@media(max-width:968px){.results-header{padding:2rem 1.5rem}.results-title{font-size:2rem}.quiz-name{font-size:1.5rem}.encouragement-text{font-size:1rem}.results-content{grid-template-columns:1fr}.score-card{padding:2rem}.score-large{font-size:4rem}.score-stats{flex-direction:column;gap:1.5rem}.stat-divider{width:100%;height:1px}.answers-review{padding:1.5rem}.question-review{padding:1rem}}.profile-page{min-height:100vh;background:#000;color:#fff;padding-top:80px}.profile-container{max-width:1400px;margin:0 auto;padding:4rem 2rem}.profile-left{display:flex;flex-direction:column;gap:3rem}.profile-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-avatar{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#667eea);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff;position:relative;overflow:hidden}.avatar-glitch{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(76,175,80,.3) 10px,rgba(76,175,80,.3) 20px);animation:glitch-rotate 3s infinite;opacity:.6}@keyframes glitch-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.profile-avatar span{position:relative;z-index:2}.profile-name{font-size:2.5rem;font-weight:800;color:#fff;margin:0}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.stat-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;text-align:center}.stat-label{font-size:.95rem;color:#ffffffb3;margin-bottom:1rem;font-weight:500}.stat-value{font-size:2.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem}.section-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:2rem}.activity-list{display:flex;flex-direction:column;gap:1.5rem}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease}.activity-item:hover{background:#ffffff0a;border-color:#ffffff1a}.activity-info{flex:1}.activity-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.5rem}.activity-time{font-size:.875rem;color:#fff9}.view-results-btn{padding:.75rem 1.5rem;background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-results-btn:hover{background:#667eea4d;border-color:#667eea80}.no-activity{text-align:center;color:#fff9;padding:2rem;font-size:1rem}.profile-right{display:flex;flex-direction:column}.account-navigation{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;position:sticky;top:100px}.nav-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:2rem}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#ffffffb3;text-decoration:none;border-radius:10px;transition:all .3s ease;font-size:1rem;font-weight:500}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}.nav-icon{font-size:1.25rem;font-weight:700}@media(max-width:968px){.profile-main-content,.profile-stats{grid-template-columns:1fr}.account-navigation{position:static}}.admin-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-top:80px}.admin-container{max-width:1400px;margin:0 auto;padding:4rem 2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}.admin-header>div:first-child{flex:1}.admin-header h1{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.admin-subtitle{font-size:1rem;color:#fff9;margin:0}.add-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.quiz-form-container{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;margin-bottom:4rem}.quiz-form h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#ffffffe6;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea80;background:#ffffff14}.questions-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.questions-header h3{font-size:1.5rem;font-weight:700;color:#fff}.add-question-btn{padding:.75rem 1.5rem;background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-question-btn:hover{background:#667eea4d}.question-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:15px;padding:2rem;margin-bottom:2rem}.options-group{margin-top:1.5rem}.options-group label{display:block;color:#ffffffe6;font-size:.95rem;font-weight:500;margin-bottom:1rem}.option-input{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.option-input input[type=text]{flex:1}.option-input input[type=radio]{width:auto;margin:0}.option-input label{margin:0;font-size:.875rem;color:#ffffffb3}.form-actions{display:flex;gap:1rem;margin-top:2rem}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.cancel-button{padding:1rem 2rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#ffffff1a}.quizzes-list h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.quiz-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem}.quiz-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.quiz-category{font-size:.875rem;color:#4caf50;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.quiz-description{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.quiz-meta{font-size:.875rem;color:#fff9;margin-bottom:1.5rem}.quiz-actions{display:flex;gap:1rem}.edit-button,.delete-button{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-button{background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}.edit-button:hover{background:#667eea4d}.delete-button{background:#f5576c33;color:#f5576c;border:1px solid rgba(245,87,108,.3)}.delete-button:hover{background:#f5576c4d}.notification{position:fixed;top:100px;right:2rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:1000;animation:slideIn .3s ease;max-width:500px;border:1px solid rgba(255,255,255,.2)}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.notification.success{border-left:4px solid #4caf50;background:#4caf5026}.notification.error{border-left:4px solid #f5576c;background:#f5576c26}.notification-icon{font-size:1.5rem;font-weight:700;flex-shrink:0}.notification.success .notification-icon{color:#4caf50}.notification.error .notification-icon{color:#f5576c}.notification-message{flex:1;color:#fff;font-size:.95rem;line-height:1.5}.notification-close{background:none;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:#ffffff1a;color:#fff}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button:disabled:hover{transform:none;box-shadow:none}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.notification{right:1rem;left:1rem;max-width:none}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}