@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=DM+Sans:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Poppins:wght@400;600;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#f2f5f9}.special-link{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:#ecf0f1;font-weight:600;font-size:16px;border-radius:10px;transition:all .3s ease;position:relative;overflow:hidden;background:#ffd70026;margin:5px 0;border:1px solid rgba(255,215,0,.3)}.special-link span{position:relative;z-index:1}.special-link:hover{background:#ffd7004d;color:gold;transform:scale(1.03);box-shadow:0 4px 12px #ffd70033}.special-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,215,0,.4),transparent);transition:all .5s ease}.special-link:hover:before{left:100%}@media screen and (max-width: 768px){.special-link{padding:12px 14px;font-size:15px}}@media screen and (max-width: 480px){.special-link{padding:10px 12px;font-size:14px}}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background:radial-gradient(circle at bottom,#1e3a8a 10%,#0a0a23 70%);color:#ecf0f1;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;box-shadow:5px 0 15px #0003;overflow-y:auto;border-radius:0 20px 20px 0}.sidebar-header{margin-bottom:40px;text-align:center}.logo{font-size:32px;font-weight:bolder;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;animation:subtleGlow 2s ease-in-out infinite alternate;letter-spacing:1px;padding:8px 16px;border-radius:8px;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.primary-nav,.secondary-nav{display:flex;flex-direction:column;gap:8px;width:100%}.secondary-nav{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.sidebar a{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#ecf0f1;font-weight:500;font-size:16px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.sidebar a span{position:relative;z-index:1}.sidebar a:hover,.sidebar a.active{background:#ffd7001a;color:gold;transform:translate(5px)}.sidebar a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,215,0,.2),transparent);transition:all .4s ease}.sidebar a:hover:before{left:100%}.menu-btn{position:fixed;top:10px;left:10px;background:transparent;border:none;color:#ecf0f1;cursor:pointer;padding:8px;border-radius:50%;z-index:1500;display:none;transition:all .3s ease}.menu-btn:hover{color:gold}@media screen and (max-width: 768px){.menu-btn{display:block}.sidebar{width:240px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.logo{font-size:20px}.sidebar a{font-size:15px;padding:10px 14px}}@media screen and (max-width: 480px){.sidebar{width:200px}.sidebar a{font-size:14px;padding:8px 12px}.menu-btn{top:10px;left:10px}}.main-container{margin-left:255px;margin-top:65px;border-radius:30px 0 0 30px;height:calc(100vh - 65px);padding:clamp(16px,2vw,24px);background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);box-shadow:1px 4px 8px #000001cc;overflow-y:auto;font-family:Poppins,sans-serif;-ms-overflow-style:none;scrollbar-width:none}.main-container::-webkit-scrollbar{display:none}.subjects-wrapper{display:flex;flex-direction:column;gap:clamp(20px,3vw,32px)}.category-section{display:flex;flex-direction:column;gap:16px}.category-title{font-size:clamp(20px,3vw,28px);font-weight:700;color:#fff;text-align:left;padding-left:12px;border-bottom:2px solid #00d4ff;width:fit-content}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(12px,2vw,16px)}.course-card{display:grid;grid-template-columns:150px 1fr;align-items:center;padding:10px;background:#e8f1fa;border-radius:12px;box-shadow:0 2px 6px #0003;transition:all .3s ease-in-out;cursor:pointer}.course-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px #00000040;background:#d5e6f7}.course-image{width:100%;max-width:150px;max-height:150px;height:auto;border-radius:10px;object-fit:contain}.course-content{padding:10px}.course-title{font-size:clamp(16px,2vw,20px);font-weight:600;color:#1e293b;margin-bottom:6px}.course-description{font-size:clamp(12px,1.5vw,16px);color:#374151;line-height:1.4}@media (max-width: 1024px){.course-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.main-container{padding:16px;height:calc(100vh - 55px);margin-left:0;border-radius:0;margin-top:55px}.course-card{grid-template-columns:120px 1fr}.course-image{max-width:120px}.category-title{font-size:22px}}@media (max-width: 480px){.main-container{padding:12px;margin-top:50px;height:calc(100vh - 50px)}.course-grid{grid-template-columns:1fr}.course-card{grid-template-columns:100px 1fr;padding:10px}.course-image{max-width:100px}.course-title{font-size:16px}.course-description{font-size:12px}.category-title{font-size:18px}}@media (max-width: 360px){.main-container{height:calc(100vh - 45px);margin-top:45px}.course-card{grid-template-columns:80px 1fr}.course-image{max-width:80px}.course-title{font-size:14px}.course-description{font-size:11px}}.notification{position:fixed;top:20px;right:20px;z-index:2000;min-width:280px;max-width:380px;animation:floatIn .5s ease-out forwards;perspective:1000px}.holo-frame{position:relative;padding:2px;background:linear-gradient(45deg,#0ff3,#f0f3);border-radius:8px;box-shadow:0 0 15px #00ffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:rotateY(10deg);transition:transform .3s ease}.notification:hover .holo-frame{transform:rotateY(0)}.glow-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:10px;background:linear-gradient(45deg,#0ff,#f0f);opacity:.5;filter:blur(10px);animation:pulseGlow 2s infinite alternate}.notification-content{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0a0a14e6;border-radius:6px;font-family:Roboto Mono,monospace;font-size:15px;color:#fff;position:relative;z-index:1}.notification.success .holo-frame{border:3px solid #00FF00}.notification.error .holo-frame{border:3px solid #FF3333}.notification.info .holo-frame{border:3px solid #00FFFF}.notification.warning .holo-frame{border:3px solid #FFFF00}.chip-icon{transition:transform .3s ease}.chip-icon .chip-base{stroke-dasharray:48;stroke-dashoffset:48;animation:drawChip .5s ease forwards}.chip-icon .chip-lines{stroke-dasharray:24;stroke-dashoffset:24;animation:drawLines .6s ease .2s forwards}.notification:hover .chip-icon{transform:scale(1.1) rotate(5deg)}.digital-text{position:relative;animation:glitch 2s infinite steps(10)}.digital-text:before,.digital-text:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}.digital-text:before{color:#0ff;clip:rect(0,900px,0,0);animation:glitch-top 1s infinite linear alternate-reverse}.digital-text:after{color:#f0f;clip:rect(0,900px,0,0);animation:glitch-bottom 1.5s infinite linear alternate-reverse}.notification-close{background:none;border:none;padding:4px;cursor:pointer;color:#fff;transition:all .3s ease}.notification-close:hover{color:#f0f;transform:scale(1.2)}@keyframes floatIn{0%{transform:translateY(-100%) rotateY(20deg);opacity:0}to{transform:translateY(0) rotateY(10deg);opacity:1}}@keyframes pulseGlow{0%{opacity:.3;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}@keyframes drawChip{to{stroke-dashoffset:0}}@keyframes drawLines{to{stroke-dashoffset:0}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes glitch-top{0%,to{clip:rect(0,900px,0,0)}50%{clip:rect(20px,900px,40px,0)}}@keyframes glitch-bottom{0%,to{clip:rect(0,900px,0,0)}50%{clip:rect(10px,900px,30px,0)}}@media screen and (max-width: 768px){.notification{min-width:240px;max-width:90vw;top:15px;right:15px}.notification-content{font-size:14px;padding:10px 14px;gap:10px}.chip-icon{width:20px;height:20px}}@media screen and (max-width: 480px){.notification{min-width:200px;top:10px;right:10px}.notification-content{font-size:13px;padding:8px 12px;gap:8px}.chip-icon{width:18px;height:18px}}.quiz-setup-container{padding:30px;text-align:center;animation:fadeIn .6s ease-in-out;display:flex;align-items:center;justify-content:center}.quizSet-box{padding:35px;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);border-radius:20px;display:flex;flex-direction:column;width:90%;max-width:500px;box-shadow:0 8px 25px #0006}.quiz-title{font-size:28px;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px;font-weight:700;animation:subtleGlow 2s ease-in-out infinite alternate}.quiz-title .highlight{background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;animation:subtleGlow 2s ease-in-out infinite alternate}.subtitle{font-size:16px;color:#b0bec5;margin-bottom:30px}.setup-form{display:flex;flex-direction:column;gap:25px}.input-group{margin-bottom:20px;text-align:left}.input-label{font-size:18px;font-weight:600;color:#f1c40f;margin-bottom:8px}.note{font-size:14px;color:#90a4ae;margin-bottom:10px}.custom-select{width:100%;padding:12px;font-size:16px;border-radius:8px;border:2px solid #1a3c34;background:#17252a;color:#f1c40f;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23f1c40f" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center}.custom-select:hover,.custom-select:focus{border-color:#e67e22;box-shadow:0 0 12px #e67e2280;background:#213137}.start-btn:hover{background:#d35400;transform:translateY(-3px);box-shadow:0 8px 20px #e67e2280}.start-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-size:18px;font-weight:700;padding:12px 24px;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease-in-out}.start-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.quiz-setup-container{padding:20px}.quizSet-box{padding:25px;max-width:400px}.quiz-title{font-size:24px}.subtitle{font-size:14px;margin-bottom:20px}.input-label{font-size:16px}.note{font-size:12px}.custom-select{padding:10px;font-size:14px}.start-btn{font-size:16px;padding:12px}}@media (max-width: 480px){.quiz-setup-container{padding:15px}.quizSet-box{padding:20px;max-width:320px}.quiz-title{font-size:20px}.subtitle{font-size:12px;margin-bottom:15px}.input-label{font-size:14px}.note{font-size:11px}.custom-select{padding:8px;font-size:13px}.start-btn{font-size:14px;padding:10px;border-radius:20px}}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e3a8a33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-wrapper{background:radial-gradient(circle at bottom,#1e3a8a 10%,#0a0a23 70%);padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0003;text-align:center;max-width:90%}.skillsync-logo{animation:rotate 4s linear infinite}.spin-path{animation:dash 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.loading-text{color:#ecf0f1;font-size:1.5rem;margin-bottom:1rem;font-family:Arial,sans-serif;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent}.loading-icons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.icon{font-size:1.5rem;animation:bounce 1.5s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.fun-fact{max-width:350px}.fun-fact p{color:#ecf0f1;font-size:1rem;line-height:1.4;opacity:0;animation:fadeIn .5s ease-in forwards}@media screen and (max-width: 768px){.loading-wrapper{padding:1.5rem}.loading-text,.icon{font-size:1.25rem}.fun-fact p{font-size:.9rem}}@media screen and (max-width: 480px){.loading-wrapper{padding:1rem}.skillsync-logo{width:60px;height:60px}.loading-text,.icon{font-size:1rem}.fun-fact{max-width:250px}.fun-fact p{font-size:.85rem}}.quiz-container{display:flex;flex-direction:row-reverse;gap:1.5625rem;align-items:center;justify-content:center;overflow-y:auto;position:relative;box-sizing:border-box}.toggle-nav-btn{display:none;position:absolute;top:.625rem;right:.625rem;background:#cd7f32;color:#fff;font-size:1rem;font-weight:600;padding:.5rem 1rem;border:none;border-radius:1.25rem;cursor:pointer;transition:background .3s ease;z-index:10}.toggle-nav-btn:hover{background:#a65e2e}.question-nav-container{display:flex;flex-direction:column;width:35%;max-width:25rem;gap:.625rem;padding:.9375rem;background:#1b263bf2;border-radius:.9375rem;height:calc(100vh - 6.875rem);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.question-nav-container::-webkit-scrollbar{display:none}.question-nav-container.open{display:flex}.question-nav-btn{width:100%;padding:.625rem;font-size:.875rem;font-weight:600;color:#ffe4a0;background:#2d3e50;border-radius:.5rem;border:2px solid #3c6382;cursor:pointer;display:flex;align-items:flex-start;text-align:left;transition:background .3s ease,border-color .3s ease}.question-nav-btn .question-number{margin-right:.5rem;font-weight:700;flex-shrink:0}.question-nav-btn .question-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-nav-btn:hover:not(:disabled){background:#a65e2e;border-color:#a65e2e}.question-nav-btn.active{background:#cd7f32;border-color:#cd7f32;color:#fff}.question-nav-btn.answered{background:#8b4513;border-color:#8b4513;color:#fff}.question-nav-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-box{padding:2.1875rem;background:linear-gradient(#1b263b,#31485a);border-radius:1.25rem;display:flex;flex-direction:column;width:65%;max-width:43.75rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5625rem}.quiz-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;animation:subtleGlow 2s ease-in-out infinite alternate}@keyframes subtleGlow{0%{text-shadow:0 0 .3125rem rgba(255,215,0,.3)}to{text-shadow:0 0 .625rem rgba(255,215,0,.5)}}.timer-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.timer{font-size:1.125rem;font-weight:700;font-family:Courier New,Courier,monospace;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;animation:subtleGlow 2s ease-in-out infinite alternate;padding:.375rem .75rem;border-radius:.5rem;border:2px solid gold;transition:all .3s ease}.question{font-size:1.625rem;font-weight:700;color:#ffe4a0;margin-bottom:1.875rem;line-height:1.4}.options-container{display:flex;flex-direction:column;gap:1.125rem;margin-bottom:2.1875rem}.option-btn{display:flex;align-items:center;padding:.75rem;font-size:1rem;color:#cd7f32;background:#2d3e50;border-radius:.5rem;border:2px solid #3c6382;transition:all .3s ease}.option-btn input{margin-right:.75rem;accent-color:#a65e2e}.option-btn:hover:not(.disabled):not(.correct):not(.wrong){border-color:#a65e2e;background:#3c6382}.option-btn.selected:not(.correct):not(.wrong){background:#a65e2e;color:#fff;border-color:#a65e2e}.option-btn.correct{background:#28a745;border-color:#28a745;color:#fff;cursor:default}.option-btn.wrong{background:#dc3545;border-color:#dc3545;color:#fff;cursor:default}.option-btn.disabled{cursor:not-allowed;opacity:.7}.nav-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-btn{background:#a65e2e;color:#fff;font-size:1.125rem;font-weight:700;padding:.8125rem 1.25rem;border:none;border-radius:1.5625rem;cursor:pointer;transition:background .3s ease,transform .3s ease;flex:1;max-width:8rem}.nav-btn:hover:not(:disabled){background:#8b4513;transform:translateY(-.1875rem)}.nav-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn{background:linear-gradient(135deg,#cd7f32,#a65e2e);color:#fff;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;border:none;border-radius:1.875rem;cursor:pointer;transition:background .3s ease,transform .3s ease;text-transform:uppercase;flex:1;max-width:8rem}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#a65e2e,#8b4513);transform:scale(1.05)}.submit-btn:disabled{background:#8b4513;opacity:.6;cursor:not-allowed}.go-to-result-btn{background:linear-gradient(135deg,#60a5fa,#93c5fd)}.go-to-result-btn:hover:not(:disabled){background:linear-gradient(135deg,#4c78f5,#7dd3fc);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quiz-container{height:calc(100vh - 5.4375rem);flex-direction:column;border-radius:0}.toggle-nav-btn{display:block}.question-nav-container{display:none;position:absolute;top:3.75rem;right:1.25rem;width:90%;max-width:18.75rem;height:auto;max-height:70vh;padding:.625rem .9375rem;box-shadow:0 .25rem .625rem #0000004d;z-index:10}.quiz-box{width:100%;max-width:31.25rem;padding:1.5625rem}.question-nav-btn{padding:.5rem;font-size:.8125rem}.quiz-header h2{font-size:1.375rem}.timer{font-size:1rem;padding:.3125rem .625rem}.question{font-size:1.375rem}.option-btn{padding:.625rem;font-size:.875rem}.nav-btn,.submit-btn{font-size:.875rem;padding:.625rem 1rem;max-width:6rem}}@media (max-width: 480px){.toggle-nav-btn{font-size:.875rem;padding:.375rem .75rem}.question-nav-container{width:85%;max-width:15.625rem;top:3.125rem}.quiz-box{padding:1.25rem;max-width:21.875rem}.quiz-header{flex-direction:column;gap:.75rem}.quiz-header h2{font-size:1.25rem}.timer{font-size:.875rem;padding:.25rem .5rem}.question-nav-btn{font-size:.75rem;padding:.375rem}.question{font-size:1.125rem}.option-btn{padding:.5rem;font-size:.8125rem}.nav-btn,.submit-btn{font-size:.75rem;padding:.5rem .75rem;max-width:5rem}}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e3a8a4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-wrapper{background:radial-gradient(circle at bottom,#1e3a8a 10%,#0a0a23 70%);padding:2rem;border-radius:20px;box-shadow:0 5px 15px #0000004d;text-align:center;max-width:90%;border:1px solid rgba(255,215,0,.2)}.logo-pulse{margin-bottom:1.5rem}.skillsync-logo{animation:subtleSpin 3s linear infinite}.login-arrow{animation:slideUp 1.5s ease-in-out infinite}.pulse-circle{animation:pulse 2s ease-in-out infinite}@keyframes subtleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(10px);opacity:.5}50%{transform:translateY(-5px);opacity:1}to{transform:translateY(10px);opacity:.5}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.loading-text{color:#ecf0f1;font-size:1.5rem;margin-bottom:1.5rem;font-family:Arial,sans-serif;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeIn .5s ease-in}.loading-icons{display:flex;justify-content:center;gap:1.2rem}.icon{font-size:1.8rem;animation:bounce 1.5s infinite ease-in-out}.icon:nth-child(2){animation-delay:.2s}.icon:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media screen and (max-width: 768px){.loading-wrapper{padding:1.5rem}.loading-text{font-size:1.3rem}.icon{font-size:1.5rem}}@media screen and (max-width: 480px){.loading-wrapper{padding:1rem}.skillsync-logo{width:60px;height:60px}.loading-text{font-size:1.1rem;margin-bottom:1rem}.icon{font-size:1.2rem;gap:1rem}}.level-complete-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);padding:2rem;opacity:0;transition:opacity .3s ease;font-family:Inter,sans-serif;position:absolute;top:0;left:0;box-sizing:border-box;z-index:5}.level-complete-container.show{opacity:1}.level-complete-container.hide{opacity:0;pointer-events:none}.result-card{width:90%;max-width:400px;min-height:300px;background:#1e293b;border-radius:1rem;box-shadow:0 .5rem 1rem #0000004d;overflow:hidden;transition:all .3s ease}.result-card:hover{border:1px solid #60a5fa}.card-content{padding:1.5rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.card-header h2{font-size:clamp(1.2rem,4vw,1.5rem);color:#dbeafe;font-weight:600;margin:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-badge{background:linear-gradient(45deg,#4c78f5,#7dd3fc);color:#1e293b;font-size:clamp(.9rem,3vw,1rem);font-weight:500;padding:.4rem .8rem;border-radius:1rem;box-shadow:0 .2rem .5rem #60a5fa4d}.progress-bar{width:100%;height:.75rem;background:#2c5282;border-radius:.375rem;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:100%;background:linear-gradient(90deg,#60a5fa,#93c5fd);border-radius:.375rem;transition:width .6s ease}.result-details{color:#93c5fd;font-size:clamp(.8rem,2.5vw,.875rem);margin-top:1.5rem;flex-grow:1}.result-details p{margin:.5rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.result-details span{color:#dbeafe;font-weight:500}.btn-group{display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap;position:relative;z-index:10}.btn{padding:.75rem 1.5rem;border:none;background:linear-gradient(45deg,#4c78f5,#7dd3fc);color:#1e293b;cursor:pointer;border-radius:1rem;font-weight:600;font-size:clamp(.8rem,2.5vw,.875rem);transition:all .3s ease;text-transform:uppercase;box-shadow:0 .2rem .5rem #60a5fa4d;flex:1 1 45%;max-width:150px;z-index:10}.btn:hover{transform:translateY(-2px);box-shadow:0 .3rem .75rem #60a5fa66}.btn-secondary{background:linear-gradient(45deg,#60a5fa,#93c5fd)}.btn-secondary:hover{box-shadow:0 .3rem .75rem #60a5fa66}@media screen and (max-width: 1024px){.level-complete-container{padding:1.5rem}.result-card{max-width:350px}}@media screen and (max-width: 768px){.level-complete-container{padding:1rem}.result-card{width:85%;max-width:320px;min-height:280px}.card-content{padding:1rem}.card-header{margin-bottom:1rem}.progress-bar{height:.6rem}.result-details{margin-top:1rem}.btn-group{gap:.75rem}}@media screen and (max-width: 480px){.level-complete-container{padding:.75rem}.result-card{width:90%;max-width:300px;min-height:260px}.card-header h2{max-width:50%}.score-badge{padding:.3rem .6rem}.progress-bar{height:.5rem}.result-details{font-size:.75rem}.btn{padding:.6rem 1rem;max-width:120px}}@media screen and (max-width: 360px){.result-card{width:95%;max-width:280px;min-height:240px}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.card-header h2{max-width:100%}.btn{padding:.5rem .8rem;font-size:.7rem;max-width:100px}}@media screen and (min-width: 1440px){.result-card{max-width:450px}.card-header h2{font-size:1.75rem}.score-badge{font-size:1.1rem;padding:.5rem 1rem}.result-details{font-size:1rem}.btn{padding:.9rem 2rem;font-size:1rem;max-width:180px}}@media screen and (max-height: 500px) and (orientation: landscape){.level-complete-container{padding:1rem;min-height:auto;height:100vh;overflow-y:auto}.result-card{width:70%;max-width:500px;min-height:auto;height:auto;margin:1rem 0}.card-content{padding:1rem}.btn-group{flex-direction:row;gap:1rem}}.heading-bar{position:fixed;top:0;left:255px;height:60px;width:calc(100% - 255px);display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);color:#ecf0f1;box-shadow:0 4px 15px #0003;z-index:900;transition:all .3s ease;border-radius:20px 0 0 20px}.title{margin:0;position:relative;overflow:hidden}.title-text{font-size:26px;font-weight:700;letter-spacing:.5px;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;animation:subtleGlow 2s ease-in-out infinite alternate}.icons-container{display:flex;align-items:center;gap:20px}.headingicon{width:34px;height:34px;color:#ecf0f1;cursor:pointer;transition:all .3s ease;padding:5px;border-radius:50%}.headingicon:hover{color:gold;transform:scale(1.15) rotate(5deg);background:#ffd7001a;box-shadow:0 2px 8px #ffd7004d}.streak-container{display:flex;align-items:center;gap:0px;padding:5px;transition:all .3s ease;cursor:pointer}.streak-container:hover .streak-icon,.streak-container:hover .streak-number{color:#ff6b6b;transform:scale(1.15);animation:flamePulse .5s infinite}.streak-icon{width:34px;height:34px;color:#ecf0f1}.streak-number{color:#ecf0f1;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}.notification-icon:hover{animation:bellRing .5s ease infinite}@keyframes flamePulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.25)}}@keyframes bellRing{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.profile-picHeadingBar{width:36px;height:36px;border-radius:50%;border:2px solid #ECF0F1;cursor:pointer;transition:all .3s ease;object-fit:cover}.profile-pic:hover{transform:scale(1.15);border-color:gold;box-shadow:0 0 12px #ffd70066}.google-login-wrapper{display:flex;align-items:center}.google-login-wrapper>div{transform:scale(.85);transition:transform .3s ease}.google-login-wrapper:hover>div{transform:scale(.9)}@media screen and (max-width: 1024px){.heading-bar{padding:12px 20px}.title-text{font-size:24px}.icons-container{gap:0px}.headingicon,.streak-icon{width:32px;height:32px}.streak-number{font-size:15px}.profile-picHeadingBar{width:34px;height:34px}.google-login-wrapper>div{transform:scale(.8)}}@media screen and (max-width: 768px){.heading-bar{left:0;width:100%;padding:12px 20px;border-radius:0;height:55px}.title-text{font-size:22px;margin-left:25px}.icons-container{gap:0px}.headingicon,.streak-icon{width:30px;height:30px}.streak-number{font-size:14px}.profile-picHeadingBar{width:32px;height:32px}.google-login-wrapper>div{transform:scale(.75)}}@media screen and (max-width: 480px){.heading-bar{padding:10px 15px;height:50px}.title-text{font-size:18px;margin-left:35px}.icons-container{gap:0px}.headingicon,.streak-icon{width:28px;height:28px;padding:4px}.streak-number{font-size:12px}.profile-picHeadingBar{width:28px;height:28px}.google-login-wrapper>div{transform:scale(.65)}}@media screen and (max-width: 360px){.heading-bar{padding:8px 4px;height:45px}.title-text{font-size:16px;margin-left:20px}.icons-container{gap:0px}.headingicon,.streak-icon{width:24px;height:24px;padding:3px}.streak-number{font-size:11px}.profile-picHeadingBar{width:24px;height:24px}.google-login-wrapper>div{transform:scale(.6)}}.profile-container{display:flex;justify-content:center;align-items:center;margin-top:65px;margin-left:255px;border-radius:20px 0 0 20px;height:calc(100vh - 65px);background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);padding:20px;overflow-y:auto}.profile-card{background:#fff;border-radius:15px;box-shadow:0 8px 20px #0003;width:100%;max-width:450px;padding:25px;display:flex;flex-direction:column;border:1px solid rgba(255,215,0,.3)}.profile-header{text-align:center;margin-bottom:30px}.profile-pic{width:110px;height:110px;border-radius:50%;object-fit:cover;border:5px solid #FFD700;margin-bottom:15px;transition:border-color .3s ease,transform .3s ease}.profile-name{font-size:1.8rem;font-weight:600;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Arial,sans-serif}.profile-details{display:grid;gap:12px;margin-bottom:30px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#ffffffe6;border-radius:8px;border:1px solid rgba(30,58,138,.2);transition:background .2s ease,transform .2s ease}.detail-item:hover{background:#ffd7001a;border-color:gold}.pro-label{font-weight:600;color:#1e3a8a;font-size:1.1rem;display:flex;align-items:center;gap:8px}.pro-label svg{color:gold;transition:transform .3s ease}.detail-item:hover .pro-label svg{transform:scale(1.1)}.value{color:#34495e;font-size:1rem;word-break:break-word;text-align:right;font-family:Arial,sans-serif}.logout-btn{display:flex;align-items:center;justify-content:center;width:50%;padding:12px;background:#e74c3c;color:#fff;border:none;border-radius:8px;align-self:center;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.logout-btn svg{transition:transform .3s ease}.logout-btn:hover svg{transform:translate(5px)}.loading{font-size:1.2rem;color:#ecf0f1;text-align:center;padding:20px;background:#ffffff1a;border-radius:10px;box-shadow:0 4px 8px #0003}@media (max-width: 768px){.profile-container{margin-left:0;margin-top:60px;width:100vw;border-radius:0;padding:15px;height:calc(100vh - 60px)}.profile-card{max-width:90%;padding:20px}.profile-pic{width:100px;height:100px}.profile-name{font-size:1.6rem}.detail-item{padding:10px 12px}.logout-btn{width:70%}}@media (max-width: 480px){.profile-container{padding:10px}.profile-card{max-width:95%;padding:15px}.profile-header{margin-bottom:20px}.profile-pic{width:80px;height:80px;margin-bottom:12px}.profile-name{font-size:1.4rem}.profile-details{gap:10px;margin-bottom:20px}.detail-item{flex-direction:column;align-items:flex-start;padding:10px}.pro-label{font-size:1rem;margin-bottom:5px}.value{font-size:.95rem;text-align:left}.logout-btn{width:80%;padding:10px;font-size:1rem}.loading{font-size:1rem;padding:15px}}.report-card-container{margin-left:255px;margin-top:65px;height:calc(100vh - 65px);background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);padding:25px;border-radius:25px 0 0 25px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:column;align-items:center}.report-card-container::-webkit-scrollbar{display:none}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:22px;color:#60a5fa;font-family:Inter,sans-serif;animation:pulse 1.5s infinite}.report-card-header{width:90%;max-width:800px;padding:15px;text-align:center;margin-bottom:35px;background:linear-gradient(135deg,#1e3a8a,#2c5282);border-radius:12px;box-shadow:0 4px 12px #0003}.report-card-header h1{font-size:28px;color:#dbeafe;margin:0;font-weight:600;font-family:Inter,sans-serif}.quiz-sessions-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:0 20px;width:100%}.quiz-session-card{width:340px;height:420px;background:#1e293b;border-radius:15px;box-shadow:0 6px 15px #0000004d;overflow:hidden;transition:all .3s ease}.quiz-session-card:hover{border:1px solid #60a5fa}.card-content{padding:25px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h2{font-size:22px;color:#dbeafe;font-family:Inter,sans-serif;font-weight:600;margin:0}.score-badge{background:linear-gradient(45deg,#4c78f5,#7dd3fc);color:#1e293b;font-size:16px;font-weight:500;padding:6px 12px;border-radius:20px;box-shadow:0 2px 8px #60a5fa4d}.progress-bar{width:100%;height:12px;background:#2c5282;border-radius:6px;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:100%;background:linear-gradient(90deg,#60a5fa,#93c5fd);border-radius:6px;transition:width .6s ease}.quiz-details{color:#93c5fd;font-family:Inter,sans-serif;font-size:14px;margin-top:20px}.quiz-details p{margin:10px 0;display:flex;justify-content:space-between}.quiz-details span{color:#dbeafe;font-weight:500}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media screen and (max-width: 768px){.login-first{margin-top:55px;height:calc(100vh - 45px);border-radius:0;margin-left:0}.report-card-container{margin-left:0;padding:20px;height:calc(100vh - 55px);margin-top:55px;border-radius:0}.report-card-header{max-width:600px;padding:12px}.quiz-sessions-container{gap:20px;margin-top:25px}.quiz-session-card{width:320px;height:400px}.card-header h2{font-size:20px}.score-badge{font-size:14px;padding:5px 10px}.quiz-details{font-size:13px}}@media screen and (max-width: 480px){.login-first{margin-top:50px;height:calc(100vh -50px)}.report-card-container{height:100vh-45px;margin-top:50px}.report-card-header{max-width:400px;padding:10px}.report-card-header h1{font-size:24px}.quiz-sessions-container{gap:15px}.quiz-session-card{width:300px;height:380px}.card-header h2{font-size:18px}.score-badge{font-size:13px;padding:4px 8px}.quiz-details{font-size:12px}.progress-bar{height:10px}}@media (max-width:360px){.login-first{margin-top:45px;height:100vh-45px}.report-card-container{margin-top:45px;height:100vh-40px}}.leaderboard-page{display:flex;flex-direction:row;margin-top:65px;margin-left:255px;height:calc(100vh - 65px);background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);border-radius:30px 0 0 30px;gap:30px;padding:30px;justify-content:center;overflow-y:hidden;animation:fadeIn .6s ease-in-out}.login-first{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 65px);margin-top:65px;margin-left:255px;border-radius:30px 0 0 30px;text-align:center;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);color:gold;font-family:Inter,sans-serif}.login-first h2{font-size:26px;font-weight:500}.user-highlight{max-width:320px;width:100%;flex-shrink:0;position:sticky;top:30px;height:fit-content}.highlight-title{font-size:22px;font-weight:600;color:#f7fafc;text-align:center;margin-bottom:20px;letter-spacing:.5px}.highlight-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:30px 20px;background:linear-gradient(135deg,#2a4365,#1f2937);border-radius:16px;box-shadow:0 8px 20px #0000004d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0006}.highlight-card:before{content:"";position:absolute;top:18%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:4px solid transparent;border-top-color:#f687b3;border-right-color:#60a5fa;animation:spinLB 3s linear infinite;z-index:0}@keyframes spinLB{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.user-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #F7FAFC;transition:transform .3s ease}.highlight-card .user-photo{width:70px;height:70px;margin-bottom:20px;box-shadow:0 4px 12px #0003}.highlight-card:hover .user-photo{transform:scale(1.1)}.highlight-rank{font-size:32px;font-weight:800;color:#f7fafc;margin-bottom:8px;text-shadow:0 0 8px rgba(246,135,179,.5);position:relative;z-index:1}.highlight-name{font-size:18px;font-weight:600;color:#f7fafc;margin-bottom:8px;position:relative;z-index:1}.highlight-score{font-size:16px;color:#a0aec0;margin-bottom:12px;position:relative;z-index:1}.streak{font-size:14px;font-weight:500;color:#f687b3;margin-bottom:15px;position:relative;z-index:1}.stats{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:15px;position:relative;z-index:1}.stat-item{font-size:13px;color:#60a5fa;margin:4px 0;text-align:center}.history{width:100%;text-align:left;position:relative;z-index:1}.history-title{font-size:14px;font-weight:600;color:#60a5fa;margin-bottom:8px}.history-list{list-style:none;padding:0;margin:0}.history-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1)}.history-item:last-child{border-bottom:none}.history-date{font-size:12px;color:#a0aec0}.history-score{font-size:12px;color:#f7fafc}.leaderboard-container{flex:1;max-width:700px;width:100%;display:flex;flex-direction:column;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.leaderboard-container::-webkit-scrollbar{display:none}.leaderboard-title{font-size:28px;font-weight:700;color:#f7fafc;text-align:center;margin-bottom:25px;letter-spacing:.5px}.leaderboard{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:grid;grid-template-columns:50px 60px 1fr 80px;align-items:center;padding:15px 20px;background:#2d3748;border-radius:10px;box-shadow:0 4px 10px #00000026;transition:transform .3s ease,box-shadow .3s ease}.leaderboard-item:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0003}.leaderboard-item:hover .user-photo{transform:scale(1.1)}.leaderboard-item.first-place{background:#4c51bf;border-left:6px solid #7F9CF5;box-shadow:0 6px 18px #4c51bf66;position:relative}.leaderboard-item.first-place:after{content:"★";position:absolute;top:50%;left:-20px;transform:translateY(-50%);font-size:20px;color:#7f9cf5;animation:glow 2s infinite ease-in-out}.leaderboard-item.second-place{background:#2f855a;border-left:6px solid #68D391;box-shadow:0 6px 18px #2f855a66;position:relative}.leaderboard-item.second-place:after{content:"◆";position:absolute;top:50%;left:-20px;transform:translateY(-50%);font-size:20px;color:#68d391;animation:glow 2.5s infinite ease-in-out}.leaderboard-item.third-place{background:#9f7aea;border-left:6px solid #C4B5FD;box-shadow:0 6px 18px #9f7aea66;position:relative}.leaderboard-item.third-place:after{content:"▲";position:absolute;top:50%;left:-20px;transform:translateY(-50%);font-size:20px;color:#c4b5fd;animation:glow 3s infinite ease-in-out}.leaderboard-item.current-user{background:#2a4365;border-left:6px solid #60A5FA}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}.rank{font-size:30px;font-weight:700;color:#f7fafc;text-align:center}.name{font-size:16px;font-weight:600;color:#f7fafc}.score{font-size:16px;font-weight:bolder;color:#a0aec0;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-first{margin-top:55px;height:calc(100vh - 45px);border-radius:0;margin-left:0}.leaderboard-page{flex-direction:column-reverse;margin-left:0;margin-top:55px;border-radius:0;padding:25px;gap:25px;overflow-y:auto;height:auto;min-height:calc(100vh - 55px);-ms-overflow-style:none;scrollbar-width:none}.leaderboard-page::-webkit-scrollbar{display:none}.leaderboard-container{max-width:100%;height:auto;overflow-y:visible}.leaderboard{height:auto}.user-highlight{position:static;max-width:100%}.highlight-title{font-size:20px}.highlight-card{padding:20px}.highlight-card:before{width:70px;height:70px;margin-top:-8px}.user-photo{width:35px;height:35px}.highlight-card .user-photo{width:60px;height:60px}.highlight-rank{font-size:28px}.highlight-name{font-size:16px}.highlight-score{font-size:14px}.streak{font-size:13px}.stat-item{font-size:12px;margin:3px 0}.history-title{font-size:13px}.history-item{padding:4px 0}.history-date,.history-score{font-size:11px}.leaderboard-title{font-size:24px}.leaderboard-item{grid-template-columns:40px 50px 1fr 70px;padding:12px 15px}.rank{font-size:18px}.name{font-size:14px}.score{font-size:13px}.leaderboard-item:after{left:-15px;font-size:18px}}@media (max-width: 480px){.login-first{margin-top:50px;height:calc(100vh -50px)}.leaderboard-page{padding:15px;gap:20px;margin-top:50px;overflow-y:auto;height:auto;min-height:calc(100vh - 50px);-ms-overflow-style:none;scrollbar-width:none}.leaderboard-page::-webkit-scrollbar{display:none}.leaderboard-container{max-width:100%;height:auto}.leaderboard{height:auto}.user-highlight{position:static}.highlight-title{font-size:18px}.highlight-card{padding:15px}.highlight-card:before{width:60px;height:60px;margin-top:-10px}.user-photo{width:30px;height:30px}.highlight-card .user-photo{width:50px;height:50px}.highlight-rank{font-size:24px}.highlight-name{font-size:14px}.highlight-score{font-size:13px}.streak{font-size:12px}.stat-item{font-size:11px;margin:2px 0}.history-title{font-size:12px}.history-item{padding:3px 0}.history-date,.history-score{font-size:10px}.leaderboard-title{font-size:22px;margin-bottom:20px}.leaderboard-item{grid-template-columns:35px 45px 1fr 60px;padding:10px 12px;gap:5px}.rank{font-size:16px}.name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score{font-size:12px}.leaderboard-item:after{left:-12px;font-size:16px}}@media (max-width:360px){.leaderboard-page{min-height:calc(100vh - 45px);margin-top:45px}.login-first{margin-top:45px;height:100vh-45px}}.about-container{padding:40px 20px;margin-top:65px;margin-left:255px;border-radius:30px 0 0 30px;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);color:#ecf0f1;height:calc(100vh - 65px);overflow-y:scroll}.about-header{text-align:center;margin-bottom:60px}.about-title{font-size:36px;font-weight:700;letter-spacing:1px}.highlight{background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 10px;border-radius:5px;animation:subtleGlow 2s ease-in-out infinite alternate}@keyframes subtleGlow{0%{text-shadow:0 0 5px rgba(255,215,0,.3)}to{text-shadow:0 0 10px rgba(255,215,0,.5)}}.about-subtitle{font-size:18px;margin-top:10px;opacity:.9}.about-content{display:flex;flex-direction:column;gap:40px}.about-section{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#ffd7000d;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.about-section:hover{transform:scale(1.02);box-shadow:0 4px 12px #ffd70033}.icon-wrapper{flex-shrink:0}.animated-icon{transition:transform .5s ease,stroke .3s ease}.about-section:hover .animated-icon{transform:rotate(360deg);stroke:gold}.text-content h2{font-size:24px;font-weight:600;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;animation:subtleGlow 2s ease-in-out infinite alternate;margin-bottom:10px}.text-content p,.text-content ul{font-size:16px;line-height:1.6}.text-content ul{list-style:none;padding-left:0}.text-content ul li{position:relative;padding-left:25px;margin-bottom:10px}.text-content ul li:before{content:"✔";position:absolute;left:0;background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;animation:subtleGlow 2s ease-in-out infinite alternate}.about-footer{text-align:center;margin-top:40px;font-size:14px;opacity:.8}@media screen and (max-width: 768px){.about-container{margin-left:0;margin-top:55px;height:calc(100vh - 55px);border-radius:0}.about-title{font-size:28px}.about-subtitle{font-size:16px}.about-section{flex-direction:column;padding:15px}.text-content h2{font-size:20px}.text-content p,.text-content ul{font-size:15px}}@media screen and (max-width: 480px){.about-container{padding:20px 10px;height:calc(100vh -50px);margin-top:50px}.about-title{font-size:24px}.about-subtitle{font-size:14px}.about-section{padding:10px}.text-content h2{font-size:18px}.text-content p,.text-content ul{font-size:14px}.animated-icon{width:30px;height:30px}}@media (max-width:360px){.about-container{margin-top:45px;min-height:calc(100vh - 45px)}}*{margin:0;padding:0;box-sizing:border-box}.home-wrapper{margin-top:65px;margin-left:255px;height:calc(100vh - 65px);border-radius:2vw 0 0 2vw;overflow-y:auto;font-family:Poppins,sans-serif;background:#0a0a23;-ms-overflow-style:none;scrollbar-width:none}.home-wrapper::-webkit-scrollbar{display:none}.hero-section{display:flex;align-items:center;justify-content:space-evenly;padding:5vw;min-height:90vh;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);position:relative;flex-wrap:wrap}.hero-content{max-width:50%;position:relative;text-align:left}.hero-title-wrapper{position:relative;display:inline-block}.hero-title{font-size:clamp(2rem,8vw,6rem);font-weight:800;line-height:1;background:linear-gradient(90deg,#00d4ff,#f0f,#00d4ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .5s ease}.hero-title:hover{background-position:100% 0;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}50%{background-position:0 0}to{background-position:200% 0}}.hero-tagline{position:absolute;top:50%;left:50%;transform:translate(-50%);font-family:Dancing Script,cursive;font-size:clamp(1.5rem,4vw,4rem);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);white-space:nowrap;z-index:1}.btn-hero{background:#f0f;color:#fff;padding:clamp(.6rem,2vw,1rem) clamp(1.2rem,3vw,2rem);border:none;border-radius:3rem;font-size:clamp(.9rem,2vw,1.25rem);font-weight:600;cursor:pointer;margin-top:2rem;position:relative;overflow:hidden;transition:all .3s ease}.btn-hero:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-hero:hover:before{width:300px;height:300px}.btn-hero:hover{box-shadow:0 0 20px #ff00ff80,0 0 40px #00d4ff4d}.hero-graphic{max-width:40%;display:flex;justify-content:center;align-items:center}.hero-icon{font-size:clamp(5rem,15vw,12rem);color:#00d4ff;filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}.features-section{padding:5vw;width:100%;text-align:center}.section-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:3rem;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(14rem,20vw,18rem),1fr));gap:clamp(1rem,2vw,2rem);padding:0 clamp(1vw,2vw,2vw)}.feature-item{padding:clamp(1rem,2vw,2rem);border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000004d}.feature-item:nth-child(1){background:linear-gradient(135deg,#f0f,#f6c)}.feature-item:nth-child(2){background:linear-gradient(135deg,#00d4ff,#66e0ff)}.feature-item:nth-child(3){background:linear-gradient(135deg,#0f9,#6fc)}.feature-item:nth-child(4){background:linear-gradient(135deg,#fc0,#ffeb66)}.feature-item:nth-child(5){background:linear-gradient(135deg,#93f,#c9f)}.feature-item:nth-child(6){background:linear-gradient(135deg,#ff5733,#ff8c66)}.feature-item:nth-child(7){background:linear-gradient(135deg,#3cf,#66d9ff)}.feature-item:nth-child(8){background:linear-gradient(135deg,#c3f,#e066ff)}.feature-icon{font-size:clamp(2rem,6vw,4rem);color:#fff;margin-bottom:1rem}.feature-item h3{font-size:clamp(1rem,2.5vw,1.5rem);margin-bottom:.75rem;color:#fff}.feature-item p{font-size:clamp(.8rem,1.5vw,1rem);opacity:.9;color:#fff}@media (max-width: 1024px){.hero-section{padding:6vw 4%;min-height:70vh}.hero-content{max-width:60%}}@media (max-width: 768px){.home-wrapper{margin-left:0;margin-top:55px;border-radius:0;height:calc(100vh - 55px)}.hero-section{padding:8vw 5%;min-height:60vh}.hero-content{max-width:100%;text-align:center}.hero-title{font-size:clamp(3.5rem,6vw,4.5rem)}.hero-tagline{font-size:clamp(2rem,3vw,3rem);top:50%}.btn-hero{margin-top:1.5rem}.hero-graphic{max-width:50%}}@media (max-width: 480px){.home-wrapper{margin-top:50px;height:calc(100vh - 50px)}.hero-section{flex-direction:column;padding:10% 5%;min-height:auto;gap:2rem}.hero-content{max-width:100%}.btn-hero{padding:clamp(.5rem,1.5vw,.8rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.8rem,2vw,1rem);margin-top:1rem}.hero-graphic{max-width:40%}.features-section{padding:10% 5%}.section-title{font-size:clamp(1.2rem,3vw,1.6rem);margin-bottom:2rem}.features-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 360px){.home-wrapper{margin-top:45px;height:calc(100vh - 45px)}.hero-title{font-size:clamp(3rem,4vw,4rem)}.hero-tagline{font-size:clamp(1.5rem,2vw,2rem)}.hero-graphic{max-width:30%}.section-title{font-size:clamp(1rem,2.5vw,1.4rem)}}.feedback-form{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:auto;padding-top:1rem}.feedback-textarea{padding:1rem;border:2px solid #444;border-radius:12px;font-size:1rem;resize:vertical;min-height:100px;background-color:#0a0a0a;color:#fff;transition:border-color .3s ease}.feedback-textarea:focus{border-color:#007bff;outline:none}.feedback-marquee-container{overflow:hidden;position:relative;margin-top:2rem;padding:1rem 0;display:flex;flex-direction:column;gap:2rem}.feedback-marquee{display:flex;flex-wrap:nowrap;gap:1rem;position:relative;white-space:nowrap}.feedback-marquee.left,.feedback-marquee.right{display:flex}.feedback-card{min-width:320px;max-width:350px;background:#ffffff1a;border:1px solid #444;border-radius:16px;padding:1rem;margin:.5rem;color:#fff;font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.feedback-header{display:flex;align-items:center;gap:1rem}.feedback-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #555;transition:transform .3s ease}.feedback-avatar:hover{transform:scale(1.1)}.feedback-info{display:flex;flex-direction:column;gap:.2rem}.feedback-email{font-weight:700;font-size:.95rem;color:#fff;display:flex;align-items:center;gap:.5rem}.feedback-email:before{content:"";display:inline-block;width:16px;height:16px;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>') no-repeat center;background-size:contain}.feedback-time{font-size:.8rem;color:#ccc;display:flex;align-items:center;gap:.5rem}.feedback-time:before{content:"";display:inline-block;width:14px;height:14px;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>') no-repeat center;background-size:contain}.feedback-message{font-style:italic;font-size:.95rem;line-height:1.4;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 #0a0a0a}.feedback-message::-webkit-scrollbar{width:6px}.feedback-message::-webkit-scrollbar-track{background:#0a0a0a}.feedback-message::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-hero{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:transform .3s ease,background .3s ease}.btn-hero:hover:not(:disabled){transform:scale(1.05);background:linear-gradient(45deg,#0056b3,#007bff)}.btn-hero:disabled{background:#555;cursor:not-allowed}.send-icon{width:20px;height:20px}.spinner{width:24px;height:24px;animation:spin 1s linear infinite}.spinner .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.title-icon{width:28px;height:28px;stroke:#007bff}@media (max-width: 768px){.feedback-card{min-width:85vw;max-width:90vw;font-size:.95rem;padding:1rem}.feedback-message{font-size:.9rem;max-height:80px}.feedback-email{font-size:.9rem}.feedback-time{font-size:.75rem}.feedback-avatar{width:40px;height:40px}.feedback-form{padding:0 1rem}.section-title{font-size:1.8rem}}@media (max-width: 480px){.feedback-card{padding:.8rem;min-width:90vw;max-width:95vw}.feedback-message{font-size:.85rem;max-height:70px}.feedback-info{gap:.1rem}.section-title{font-size:1.5rem}.btn-hero{padding:.6rem 1.2rem;font-size:.9rem}.title-icon{width:24px;height:24px}}.feedback-title{font-size:2.5rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;font-family:Poppins,sans-serif;text-align:center}.feedback-tagline{font-size:1.2rem;color:#ccc;text-align:center;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-weight:300;letter-spacing:.5px}@media (max-width: 768px){.feedback-title{font-size:2rem}.feedback-tagline{font-size:1rem}}@media (max-width: 480px){.feedback-title{font-size:1.8rem}.feedback-tagline{font-size:.9rem;margin-bottom:1rem}}.feedback-wrapper{margin-top:65px;margin-left:255px;height:calc(100vh - 65px);border-radius:2vw 0 0 2vw;overflow-y:auto;font-family:Poppins,sans-serif;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);-ms-overflow-style:none;scrollbar-width:none}.feedback-section{display:flex;align-items:center;justify-content:space-evenly;padding:3vw;position:relative;flex-wrap:wrap}.feedback-content{max-width:50%;position:relative;text-align:left}@media (max-width: 768px){.feedback-wrapper{margin-left:0;margin-top:55px;border-radius:0;height:calc(100vh - 55px)}.feedback-section{padding:8vw 5%;min-height:60vh}.feedback-content{max-width:100%;text-align:center}}@media (max-width: 480px){.feedback-wrapper{margin-top:50px;height:calc(100vh - 50px)}.feedback-section{flex-direction:column;padding:10% 5%;min-height:auto;gap:2rem}.feedback-content{max-width:100%}}.error-page{display:flex;justify-content:center;align-items:center;height:calc(100vh - 65px);margin-top:65px;margin-left:255px;border-radius:30px 0 0 30px;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);padding:20px;overflow:hidden}.error-container{text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 8px 30px #0003;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.1)}.error-icon{margin-bottom:30px}.error-title{font-size:32px;color:#dbeafe;font-family:Inter,sans-serif;font-weight:700;margin:0 0 15px;text-shadow:0 0 10px rgba(219,234,254,.3)}.error-description{font-size:16px;color:#93c5fd;font-family:Inter,sans-serif;margin:0 0 30px;line-height:1.5}.error-actions{display:flex;gap:20px;justify-content:center}.retry-button,.home-button{padding:12px 25px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.retry-button{background:linear-gradient(45deg,#60a5fa,#93c5fd);color:#1e293b}.retry-button:hover{background:linear-gradient(45deg,#93c5fd,#60a5fa);box-shadow:0 4px 15px #60a5fa66}.home-button{background:#ff6b6b;color:#fff}.home-button:hover{background:#ff8787;box-shadow:0 4px 15px #ff6b6b66}@media screen and (max-width: 768px){.error-page{margin-top:55px;margin-left:0;border-radius:0;height:calc(100vh - 55px)}.error-container{padding:30px;max-width:400px}.error-title{font-size:28px}.error-description{font-size:15px}.error-icon{width:120px;height:120px}.retry-button,.home-button{padding:10px 20px;font-size:14px}}@media screen and (max-width: 480px){.error-page{margin-top:50px;height:calc(100vh - 50px)}.error-container{padding:20px;max-width:300px}.error-title{font-size:24px}.error-description{font-size:14px}.error-icon{width:100px;height:100px}.error-actions{flex-direction:column;gap:15px}.retry-button,.home-button{padding:8px 15px;font-size:13px}}@media (max-width:360px){.error-page{margin-top:45px;height:calc(100vh - 45px)}}.placement-component{margin-top:65px;margin-left:255px;height:calc(100vh - 65px);border-radius:30px 0 0 30px;overflow-y:auto;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);padding:20px}.placement-prediction{max-width:900px;margin:20px auto;padding:30px;background:#fffffff2;border-radius:15px;box-shadow:0 6px 20px #00000026}.placement-prediction h1{display:flex;align-items:center;gap:12px;color:#1e3a8a;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.prediction-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;margin-bottom:8px;color:#1e3a8a;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:14px;background:#f9f9f9;transition:all .3s ease;color:#333}.form-group input:focus,.form-group select:focus{border-color:gold;background:#fff;outline:none;box-shadow:0 0 5px #ffd7004d}.form-group input.error-input,.form-group select.error-input{border-color:#f33;animation:shake .3s ease}.error-message{color:#f33;font-size:12px;margin-top:4px}.pridicting-btn{width:75%;padding:14px;background:#1e3a8a;color:#ecf0f1;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;align-self:center;transition:all .3s ease;margin-top:10px}.pridicting-btn:hover{background:gold;color:#1e3a8a;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.pridicting-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.prediction-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease}.popup-content{background:#1e3a8a;color:#ecf0f1;padding:25px;border-radius:15px;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 25px #0006;animation:popupIn .5s ease}.popup-content h3{margin:0 0 15px;font-size:22px}.tip{font-size:16px;margin:0 0 20px;color:gold}.close-popup{padding:10px 20px;background:gold;color:#1e3a8a;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.close-popup:hover{background:#fff;transform:scale(1.05)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes popupIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.placement-component{margin-left:0;border-radius:0;margin-top:55px;height:calc(100vh - 55px);padding:15px}.placement-prediction{padding:20px;margin:10px}.placement-prediction h1{font-size:24px}.form-grid{grid-template-columns:1fr}.pridicting-btn{width:auto;font-size:14px;padding:12px}.popup-content{padding:20px;max-width:350px}.popup-content h3{font-size:20px}.tip{font-size:14px}.close-popup{padding:8px 16px;font-size:14px}}@media (max-width: 480px){.placement-component{margin-top:50px;height:calc(100vh - 50px)}.placement-prediction h1{font-size:20px}.form-group input,.form-group select{font-size:13px;padding:8px 12px}.pridicting-btn{font-size:13px;padding:10px}.popup-content{padding:15px;max-width:300px}.popup-content h3{font-size:18px}.tip{font-size:13px}.close-popup{padding:6px 12px;font-size:13px}}@media (max-width: 360px){.placement-component{margin-top:45px;height:calc(100vh - 45px)}}.mock-container{padding:40px 20px;margin-top:65px;margin-left:255px;border-radius:30px 0 0 30px;background:radial-gradient(circle at top,#1e3a8a 10%,#0a0a23 70%);color:#ecf0f1;height:calc(100vh - 65px);overflow-y:auto;box-shadow:inset 0 0 20px #00000080}.mock-header{text-align:center;margin-bottom:40px;animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mock-title{font-size:40px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.highlight{background:linear-gradient(45deg,#ecf0f1,gold);-webkit-background-clip:text;background-clip:text;color:transparent;animation:subtleGlow 2s ease-in-out infinite alternate}@keyframes subtleGlow{0%{text-shadow:0 0 5px rgba(255,215,0,.3)}to{text-shadow:0 0 15px rgba(255,215,0,.7)}}.mock-subtitle{font-size:18px;margin-top:10px;opacity:.85;font-style:italic}.mock-controls{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.selector-group{display:flex;align-items:center;gap:10px}.selector-group label{font-size:16px;font-weight:600}.selector-group select{padding:8px 12px;border-radius:8px;border:none;background:#ffffff1a;color:#ecf0f1;font-size:14px;cursor:pointer}.selector-group select:disabled{opacity:.5;cursor:not-allowed}.mock-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loader{font-size:18px;color:gold;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.error-message{background:#f003;padding:15px;border-radius:10px;color:#f44}.conversation-box{width:80%;max-height:400px;overflow-y:auto;padding:20px;background:#ffffff0d;border-radius:15px;box-shadow:0 4px 15px #0003}.message{padding:10px 15px;margin:5px 0;border-radius:10px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.ai-message{background:#ffd7001a;align-self:flex-start}.user-message{background:#1e3a8a4d;align-self:flex-end;text-align:right}.sender{font-weight:700;color:gold}.response-time{font-size:12px;color:#aaa;margin-left:5px}.button-group{display:flex;gap:15px}.start-button,.speak-button,.stop-button,.reset-button{padding:12px 25px;font-size:16px;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease}.start-button{background:linear-gradient(45deg,#1e3a8a,gold);color:#fff}.start-button:hover{transform:scale(1.05);box-shadow:0 0 15px #ffd70080}.speak-button{background:linear-gradient(45deg,#0c0,gold);color:#fff}.speak-button:hover{transform:scale(1.05);box-shadow:0 0 15px #00cc0080}.stop-button{background:linear-gradient(45deg,#f44,gold);color:#fff}.stop-button:hover{transform:scale(1.05)}.reset-button{background:gold;color:#1e3a8a}.reset-button:hover{background:#fc0;transform:scale(1.05)}button:disabled{opacity:.5;cursor:not-allowed}.timer-box{font-size:16px;color:gold;background:#ffffff0d;padding:10px 20px;border-radius:10px}.feedback-box{width:80%;padding:20px;background:#ffffff1a;border-radius:15px;text-align:left;box-shadow:0 4px 15px #0003;animation:fadeIn 1s ease-in}.feedback-title{font-size:24px;color:gold;margin-bottom:15px}@media screen and (max-width: 768px){.mock-container{margin-left:0;margin-top:55px;height:calc(100vh - 55px);border-radius:0}.mock-title{font-size:32px}.mock-controls{flex-direction:column;gap:15px}}@media screen and (max-width: 480px){.mock-container{padding:20px 10px;margin-top:50px;height:calc(100vh - 50px)}.mock-title{font-size:26px}.conversation-box,.feedback-box{width:95%}.button-group{flex-direction:column;gap:10px}}