.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#51310b,#081027,#9c6a0a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:Arial,sans-serif}.logo{font-size:1.5rem;font-weight:700;border-radius:50%}.logo-link{text-decoration:none;color:#fff;width:20vh}.logo-img{width:40%;height:auto;max-width:150px;transition:transform .3s ease}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.nav-links li a{text-decoration:none;color:#fff;font-weight:500;transition:color .3s ease}.nav-links li a:hover{color:#00d8ff}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{width:25px;height:3px;background-color:#fff;transition:.3s}.bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}.nav-links-mobile{display:flex;flex-direction:column;position:absolute;top:60px;right:2rem;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:1rem 2rem;gap:1rem;z-index:1001;list-style:none}.nav-links-mobile li a{color:#fff;font-size:1.2rem;font-weight:600;text-decoration:none}.nav-links-mobile li a:hover{color:#00d8ff}}@media (min-width: 769px){.hamburger{display:none}}@media (max-width: 768px){nav .nav-links{display:none!important}nav .hamburger{display:flex!important}.exam-logo{border-radius:50%}}.hero-section{position:relative;min-height:73vh;max-width:none;margin:0;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(135deg,#030e18,#081027,#573a03);color:#fff;font-family:Orbitron,sans-serif}.overlay{position:relative;z-index:10;text-align:center;padding:40px 60px;background:#00000080;border-radius:20px;border:4px solid #00ffff;box-shadow:0 0 10px #092525,0 0 20px #16427b,0 0 40px #0c1b55,inset 0 0 10px #0c8282}.overlay h1{font-size:3.5em;margin-bottom:.2em;text-shadow:0 0 10px #021f28,0 0 20px #0916a8;animation:pulse-glow 3s infinite alternate}.overlay p{font-size:1.2em;margin-bottom:1.5em;color:#aff}.hero-features{display:flex;justify-content:center;gap:2em;margin-bottom:2em;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5em;color:#fff;font-size:1.1em;font-weight:500}.feature-icon{font-size:1.5em}.hero-subtitle{font-size:1em;color:#ff0;margin-top:1em;font-weight:600}.cta-button{display:inline-block;padding:15px 35px;background:linear-gradient(90deg,#00c9ff,#8000ff);color:#fff;text-decoration:none;border-radius:50px;font-size:1.2em;font-weight:700;transition:all .3s ease;border:none}.cta-button:hover{transform:scale(1.05);box-shadow:0 0 25px #6401c7;background:linear-gradient(90deg,#8000ff,#04a1cc);color:#f5f5f5}.planet{position:absolute;border-radius:50%;box-shadow:0 0 15px #00000080;z-index:5;animation:float 20s infinite ease-in-out alternate}.planet-1{width:180px;height:180px;top:10%;left:10%;background:radial-gradient(circle at 50% 50%,#f0f,#8a2be2 30%,#0ff 70%,#00008b)}.planet-1:after{content:"";position:absolute;top:50%;left:50%;width:250px;height:100px;border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg) rotate(20deg);border:2px solid rgba(255,255,255,.3);background:#ffffff0d}.planet-2{width:150px;height:150px;bottom:5%;right:10%;background:radial-gradient(circle at 70% 30%,#ff0,#ff4500 50%,#8b0000 80%,#333)}.planet-2:after{content:"";position:absolute;top:50%;left:50%;width:200px;height:80px;border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg) rotate(-30deg);border:2px solid rgba(255,255,255,.2);background:#ffffff0d}.planet-3{width:80px;height:80px;top:5%;right:25%;background:radial-gradient(circle at 30% 70%,#add8e6,#4682b4,navy);opacity:.6;animation-delay:5s}.planet-4{width:100px;height:100px;bottom:20%;left:5%;background:radial-gradient(circle at 70% 70%,#cd5c5c,brown,#400000);opacity:.7;animation-delay:10s}.projects-section{padding:4rem 2rem;background:linear-gradient(135deg,#15474f,#2c5364);text-align:center;color:#fff}.projects-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.project-card{padding:1.5rem;border-radius:15px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #00000026;text-align:left;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2)}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000040}.project-card h3{font-size:1.5rem;font-weight:700;color:#007acc;margin-bottom:.75rem;border-bottom:2px solid #007acc;display:inline-block;padding-bottom:.2rem}.project-card p{color:#333;margin-bottom:.8rem;line-height:1.5}.project-img{width:100%;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.project-card:hover .project-img{transform:scale(1.02)}.project-links{margin-top:.5rem}.project-links a{margin-right:1rem;text-decoration:none;color:#007acc;font-weight:500;transition:color .3s ease}.project-links a:hover{color:#0056b3;text-decoration:underline}@media (max-width: 768px){.projects-section{padding:3rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.25rem}.project-card h3{font-size:1.3rem}}@media (max-width: 480px){.projects-section{padding:2rem 1rem}.project-card{padding:1rem}.project-card h3{font-size:1.2rem}.project-card p{font-size:.9rem}}.contact-section{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;border-top:3px solid #00d8ff;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(0,216,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(0,122,204,.1) 0%,transparent 50%);pointer-events:none}.contact-section h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.contact-form{max-width:600px;margin:0 auto;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px #0003;position:relative;z-index:1}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:1rem;background:#ffffff1a;color:#052831;transition:all .3s ease;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffffb3}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d8ff;box-shadow:0 0 0 3px #00d8ff33;background:#fff3}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,#00d8ff,#007acc);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d8ff66}.submit-btn:hover:before{left:100%}.submit-btn:active{transform:translateY(0)}.message{margin-top:1rem;padding:.75rem;border-radius:6px;font-weight:500}.message.success{background:#28a74533;color:#d4edda;border:1px solid rgba(40,167,69,.3)}.message.error{background:#dc354533;color:#f8d7da;border:1px solid rgba(220,53,69,.3)}@media (max-width: 768px){.contact-section{padding:3rem 1rem}.contact-section h2{font-size:2rem}.contact-form{padding:1.5rem;margin:0 1rem}.form-group input,.form-group textarea{font-size:.95rem}.submit-btn{width:100%;padding:.875rem 1.5rem}}@media (max-width: 480px){.contact-section{padding:2rem 1rem}.contact-section h2{font-size:1.8rem}.contact-form{padding:1.25rem;border-radius:12px}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{padding:.625rem .875rem;font-size:.9rem}.submit-btn{font-size:.95rem;padding:.75rem 1.25rem}}.footer{text-align:center;background:linear-gradient(135deg,#282c34,#3a3f4b);color:#fff;padding:2rem 1rem;font-size:1.1rem;box-shadow:0 -4px 15px #0003;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#4a4e56,#33415e 0%,#5a4624)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3{color:#00d8ff;margin-bottom:1rem;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.footer-section p,.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:all .3s ease;position:relative}.footer-section ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00d8ff;transition:width .3s ease}.footer-section ul li a:hover{color:#00d8ff;transform:translate(5px)}.footer-section ul li a:hover:after{width:100%}.footer-bottom{margin-top:2rem;padding-top:2rem;border-top:1px solid #444;text-align:center;color:#888;font-size:.9rem}.footer-bottom p{margin:0}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.social-links a{display:inline-block;width:40px;height:40px;background:#ffffff1a;border-radius:50%;text-align:center;line-height:40px;color:#ccc;transition:all .3s ease;text-decoration:none}.social-links a:hover{background:#00d8ff;color:#000;transform:translateY(-3px);box-shadow:0 4px 12px #00d8ff4d}@media (max-width: 768px){.footer{padding:1.5rem 1rem;font-size:1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section h3{font-size:1.1rem}.social-links{gap:.75rem}.social-links a{width:35px;height:35px;line-height:35px}}@media (max-width: 480px){.footer{padding:1rem .5rem;font-size:.9rem}.footer-section h3{font-size:1rem}.footer-bottom{font-size:.8rem}}.acheivements-section{padding:4rem 2rem;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;position:relative;overflow:hidden}.acheivements-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="5" cy="15" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23stars)"/></svg>');pointer-events:none}.acheivements-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.acheivements-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(to right,#00d8ff,#ec4899);margin:12px auto 0;border-radius:2px}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.acheivements-section{padding:3rem 1rem}.acheivements-title{font-size:2rem;margin-bottom:1.5rem}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.cert-card{padding:1.5rem}}@media (max-width: 480px){.acheivements-section{padding:2rem 1rem}.acheivements-title{font-size:1.8rem;margin-bottom:1.25rem}.cert-grid{grid-template-columns:1fr;gap:1rem}.cert-card{padding:1.25rem;gap:.75rem}.cert-icon{width:24px;height:24px}}.cert-card{display:flex;align-items:center;gap:1rem;padding:2rem;border-radius:15px;text-decoration:none;color:#fff;font-weight:600;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px #00000026;transition:all .3s ease;position:relative;z-index:1;overflow:hidden}.cert-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,216,255,.1),transparent);transition:left .6s}.cert-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px #00d8ff4d}.cert-card:hover:before{left:100%}.cert-icon{width:32px;height:32px;flex-shrink:0;transition:transform .3s ease}.cert-card:hover .cert-icon{transform:scale(1.1)}.gallery-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(90deg,#0f172a,#123746)}.gallery-container{max-width:1280px;margin:0 auto}.gallery-title{color:#fff;font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}@media (max-width: 1200px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.card{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:20px;background:#0b1220;transform:translateZ(0);transition:transform .35s ease,box-shadow .35s ease;will-change:transform}.card--circle{border-radius:9999px}.card--rounded{border-radius:20px}.card img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.05);transition:transform .35s ease,filter .35s ease}.card:hover,.card:focus-visible{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 30px #00000059,0 10px 15px #0003}.card:active{transform:translateY(-2px) scale(.995)}.card:hover img,.card:focus-visible img{transform:scale(1.08) rotate(.6deg);filter:saturate(1.2) contrast(1.05)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff12;pointer-events:none}.card-caption{position:absolute;left:0;right:0;bottom:0;padding:.55rem .8rem;color:#fff;text-align:center;font-size:.9rem;background:linear-gradient(180deg,#0000,#000000a6 85%);opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.card:hover .card-caption,.card:focus-visible .card-caption{opacity:1;transform:translateY(0)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.lightbox-img{max-width:90%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 0 40px #000000b3;animation:zoomIn .35s ease}.lightbox-caption{margin-top:1rem;color:#fff;font-size:1rem;text-align:center}.lightbox-close{position:absolute;top:1rem;right:1.25rem;background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer;transition:transform .25s ease}.lightbox-close:hover{transform:scale(1.2)}@keyframes zoomIn{0%{transform:scale(.85);opacity:.6}to{transform:scale(1);opacity:1}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00d8ff,#007acc);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00d8ff4d;transition:all .3s ease;position:relative;overflow:hidden;animation:float 3s ease-in-out infinite}.chatbot-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #00d8ff66}.chatbot-toggle:hover:before{left:100%}.chatbot-toggle img{width:30px;height:30px;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chatbot-window{width:350px;height:500px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;overflow:hidden;margin-bottom:10px;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chatbot-messages{flex:1;padding:15px;overflow-y:auto;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;gap:10px}.chat-msg{max-width:80%;padding:12px 18px;border-radius:18px;font-size:14px;line-height:1.4;position:relative;animation:messageFadeIn .3s ease-in}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{align-self:flex-end;background:linear-gradient(135deg,#00d8ff,#007acc);color:#fff;box-shadow:0 4px 12px #00d8ff4d}.chat-msg.bot{align-self:flex-start;background:#ffffffe6;color:#333;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(255,255,255,.2)}.chatbot-input{display:flex;border-top:1px solid rgba(255,255,255,.3);background:#ffffffe6}.chatbot-input input{flex:1;border:none;padding:12px 18px;font-size:14px;outline:none;background:#fffc;transition:all .3s ease}.chatbot-input input:focus{background:#fff;box-shadow:0 0 0 3px #00d8ff1a}.chatbot-input button{background:linear-gradient(135deg,#00d8ff,#007acc);color:#fff;border:none;padding:12px 24px;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden}.chatbot-input button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.chatbot-input button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d8ff66}.chatbot-input button:hover:before{left:100%}.chatbot-input button:active{transform:translateY(0)}@media (max-width: 768px){.chatbot-container{bottom:15px;right:15px}.chatbot-toggle{width:50px;height:50px}.chatbot-toggle img{width:25px;height:25px}.chatbot-window{width:calc(100vw - 30px);height:calc(100vh - 100px);max-width:400px}.chat-msg{max-width:85%;font-size:13px;padding:10px 15px}}@media (max-width: 480px){.chatbot-container{bottom:10px;right:10px}.chatbot-toggle{width:45px;height:45px}.chatbot-toggle img{width:22px;height:22px}.chatbot-window{width:calc(100vw - 20px);height:calc(100vh - 80px)}.chatbot-messages{padding:10px}.chat-msg{max-width:90%;font-size:12px;padding:8px 12px}.chatbot-input input{padding:10px 15px;font-size:13px}.chatbot-input button{padding:10px 18px}}.game{text-align:center;padding:1rem}.board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:10px;justify-content:center;margin:20px auto}.cell{width:100px;height:100px;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#2c3e50;color:#fff;cursor:pointer;transition:transform .2s,background .3s}.cell:hover{background:#34495e;transform:scale(1.1)}.cell.winner{background:#4caf50;color:#fff;font-weight:700}@media (max-width: 600px){.cell{font-size:1.5rem}}.cell.winner{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);background:#4caf50}50%{transform:scale(1.1);background:#66bb6a}to{transform:scale(1);background:#4caf50}}button{margin:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;background:#333;color:#fff;cursor:pointer;transition:background .3s}button:hover{background:#555}.exam-dashboard{max-width:100vw;min-height:84vh;background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d,#f59e0b,#d97706);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.exam-content{padding:20px}.exam-nav{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);padding:10px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{display:flex;align-items:center}.exam-logo{height:40px;width:auto;object-fit:contain;border-radius:50%}.nav-links{display:flex;align-items:center;gap:15px}.nav-button{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;padding:8px 15px;border-radius:20px;color:#92400e;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #f59e0b33}.nav-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification{position:relative;display:flex;align-items:center;cursor:pointer}.notification-count{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:50%}.notification-icon{width:24px;height:24px;stroke:#007bff}.upcoming-exams-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.banner-content{padding:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.banner-header{display:flex;align-items:center;gap:15px;flex:1}.banner-icon{background:#fff3;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center}.banner-title h3{margin:0;font-size:1.5rem;font-weight:700}.banner-title p{margin:5px 0 0;opacity:.9;font-size:.9rem}.exam-details{display:flex;align-items:center;gap:20px;flex:2}.exam-info h4{margin:0 0 8px;font-size:1.2rem;font-weight:600}.exam-meta{display:flex;gap:15px;margin-bottom:10px}.meta-item{display:flex;align-items:center;gap:5px;font-size:.85rem;opacity:.9}.exam-prizes{display:flex;gap:10px}.prize-item{display:flex;align-items:center;gap:5px;background:#fff3;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.prize-icon{width:12px;height:12px}.banner-cta{background:#fff;color:#667eea;border:none;padding:12px 20px;border-radius:25px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.banner-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.exam-banner{background:#f8f9fa;height:180px;border-radius:15px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#007bff;border:none;color:#fff;font-size:1.5rem;padding:5px 10px;cursor:pointer;border-radius:50%;-webkit-user-select:none;user-select:none;transition:background .3s ease;z-index:10}.carousel-button:hover{background:#0056b3}.carousel-button:first-of-type{left:10px}.carousel-button:last-of-type{right:10px}.carousel-image{max-height:160px;border-radius:15px;object-fit:contain;max-width:80%}.exam-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}.exam-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:15px;display:flex;justify-content:center;align-items:center;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;color:#92400e;box-shadow:0 2px 6px #f59e0b33;border:2px solid #f59e0b}.exam-box:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.exam-box.large{grid-column:span 2;height:120px;font-size:1.5rem}.exam-box.medium{grid-column:span 1;height:100px;font-size:1.25rem}.exam-box.small{grid-column:span 1;height:80px;font-size:1rem}.student-registration{max-width:600px;margin:0 auto;padding:30px;background:#f8f9fa;border-radius:15px;box-shadow:0 4px 12px #0000001a}.student-registration h3{text-align:center;margin-bottom:25px;color:#343a40;font-size:1.5rem}.exam-instructions{margin-bottom:30px}.instruction-alert{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:20px;margin-bottom:20px}.instruction-alert h4{color:#856404;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.instruction-alert ul{list-style:none;padding:0;margin:0}.instruction-alert li{color:#856404;margin-bottom:8px;font-size:.95rem;line-height:1.4}.registration-form{display:flex;flex-direction:column;gap:15px}.registration-form input{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.registration-form input:focus{outline:none;border-color:#007bff}.register-btn{padding:12px 20px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:10px}.register-btn:hover:not(:disabled){background:#218838}.register-btn:disabled{background:#6c757d;cursor:not-allowed}.result-summary{max-width:600px;margin:0 auto;padding:40px;background:#f8f9fa;border-radius:15px;box-shadow:0 4px 12px #0000001a;text-align:center}.result-header{margin-bottom:30px}.result-header h2{color:#28a745;margin-bottom:20px;font-size:2rem}.score-display{display:flex;flex-direction:column;align-items:center;gap:10px}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;box-shadow:0 4px 12px #0003}.score-number{font-size:2rem}.score-total{font-size:1rem;opacity:.9}.percentage{font-size:1.2rem;color:#495057;font-weight:600}.result-details{margin-bottom:30px}.detail-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9ecef;font-size:1rem}.detail-item strong{color:#495057}.thank-you-message h3{color:#28a745;margin-bottom:10px;font-size:1.5rem}.thank-you-message p{color:#6c757d;font-size:1rem}.answer-summary{margin:30px 0;padding:20px;background:#e9ecef;border-radius:10px}.answer-summary h3{color:#495057;margin-bottom:15px;text-align:center}.summary-stats{display:flex;justify-content:space-around;gap:20px}.stat-item{text-align:center;padding:10px;border-radius:8px;min-width:80px}.stat-item.correct{background:#d4edda;border:1px solid #c3e6cb}.stat-item.incorrect{background:#f8d7da;border:1px solid #f5c6cb}.stat-item.unanswered{background:#fff3cd;border:1px solid #ffeaa7}.stat-label{display:block;font-size:.9rem;color:#495057;margin-bottom:5px}.detailed-review-toggle{text-align:center;margin:20px 0}.toggle-review-btn{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.toggle-review-btn:hover{background:#0056b3}.detailed-review{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.detailed-review h3{color:#495057;margin-bottom:20px;text-align:center}.question-review-item{margin-bottom:25px;padding:20px;border-radius:8px;border:1px solid #e9ecef}.question-review-item.correct{background:#d4edda;border-color:#c3e6cb}.question-review-item.incorrect{background:#f8d7da;border-color:#f5c6cb}.question-review-item.unanswered{background:#fff3cd;border-color:#ffeaa7}.question-header h4{color:#495057;margin:0}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700}.status-badge.correct{background:#28a745;color:#fff}.status-badge.incorrect{background:#dc3545;color:#fff}.status-badge.unanswered{background:#ffc107;color:#000}.question-text{margin-bottom:15px}.question-text p{margin:0;color:#495057;line-height:1.5}.options-review{margin-bottom:15px}.option-review{display:flex;align-items:center;padding:8px 12px;margin-bottom:5px;border-radius:4px;background:#fff}.option-review.correct-answer{background:#d4edda;border:1px solid #c3e6cb}.option-review.wrong-answer{background:#f8d7da;border:1px solid #f5c6cb}.option-label{font-weight:700;margin-right:10px;min-width:20px}.option-text{flex:1}.correct-indicator,.wrong-indicator{margin-left:10px;font-weight:700}.correct-indicator{color:#28a745}.wrong-indicator{color:#dc3545}.answer-explanation{padding:10px;background:#fff;border-radius:4px;border:1px solid #e9ecef;font-size:.9rem}.back-btn,.back-to-main-btn{display:block;margin:20px auto;padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.back-btn:hover,.back-to-main-btn:hover{background:#5a6268}@media (max-width: 768px){.exam-grid{grid-template-columns:repeat(2,1fr)}.exam-box.large{grid-column:span 2}.student-registration,.result-summary{margin:20px;padding:20px}.score-circle{width:100px;height:100px}.score-number{font-size:1.5rem}}.odia-medium-container{padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d,#f59e0b,#d97706);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:84vh;box-sizing:border-box}.odia-medium-title{text-align:center;margin-bottom:20px;font-size:1.5rem;font-weight:700;color:#001f3f}.odia-medium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:400px;margin:0 auto}@media (max-width: 768px){.odia-medium-grid{grid-template-columns:repeat(2,1fr);max-width:100%;gap:10px}}@media (max-width: 480px){.odia-medium-grid{grid-template-columns:1fr;gap:8px}}.odia-medium-button{padding:10px;font-size:16px;cursor:pointer;border-radius:.75rem;border:2px solid #f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;transition:all .3s ease;box-shadow:0 2px 4px #f59e0b33}.odia-medium-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.odia-medium-back-section{margin-top:30px;text-align:center}.odia-medium-back-button{padding:.75rem 1.5rem;font-size:14px;cursor:pointer;border-radius:.5rem;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;transition:all .2s ease;box-shadow:0 2px 4px #f59e0b33}.odia-medium-back-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.exam-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.exam-modal{background:#fff;width:90vw;max-width:1000px;height:90vh;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;overflow:hidden}.exam-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.exam-header h2{margin:0;font-size:1.5rem}.student-info,.timer{font-size:1rem;font-weight:500}.progress-bar{background:#f8f9fa;padding:15px;border-bottom:1px solid #e9ecef}.progress-stats{margin-bottom:10px;font-weight:600;color:#495057}.progress-fill{height:8px;background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;transition:width .3s ease}.question-container{flex:1;padding:30px;overflow-y:auto;background:#fff}.question-container h3{margin-bottom:20px;color:#343a40;font-size:1.2rem}.question-text{font-size:1.1rem;line-height:1.6;margin-bottom:25px;color:#495057;font-weight:500}.options{display:flex;flex-direction:column;gap:15px}.option{display:flex;align-items:center;padding:15px;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1rem;background:#f8f9fa;color:#000}.option:hover{border-color:#007bff;background:#e3f2fd}.option input[type=radio]{margin-right:15px;transform:scale(1.2)}.exam-controls{background:#f8f9fa;padding:20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9ecef}.exam-controls button{padding:12px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.exam-controls button:first-child{background:#6c757d;color:#fff}.exam-controls button:first-child:hover{background:#5a6268}.exam-controls button:nth-child(2){background:#ffc107;color:#212529}.exam-controls button:nth-child(2).marked{background:#fd7e14;color:#fff}.exam-controls button:last-child{background:#007bff;color:#fff}.exam-controls button:last-child:hover{background:#0056b3}.submission-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000004d;z-index:1001}.submission-message h3{color:#28a745;margin-bottom:20px}.submission-message p{font-size:1.2rem;color:#495057}.question-nav-panel{background:#f8f9fa;padding:15px;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.question-nav-btn{width:35px;height:35px;border:2px solid #dee2e6;border-radius:50%;background:#fff;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.question-nav-btn:hover{border-color:#007bff;background:#e3f2fd}.question-nav-btn.answered{background:#28a745;color:#fff;border-color:#28a745}.question-nav-btn.unanswered{background:#ffc107;color:#212529;border-color:#ffc107}.question-nav-btn.current{border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.coming-soon-modal{width:500px;height:auto;max-height:400px}.coming-soon-content{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.coming-soon-content h2{color:#667eea;font-size:2rem;margin:0}.coming-soon-content p{color:#495057;font-size:1.1rem;line-height:1.6;margin:0}.close-coming-soon-btn{padding:12px 30px;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}.close-coming-soon-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (max-width: 768px){.exam-modal{width:95vw;height:95vh}.exam-header{flex-direction:column;gap:10px;text-align:center}.question-container{padding:20px}.exam-controls{flex-direction:column;gap:10px}.exam-controls button{width:100%}.coming-soon-modal{width:90vw}.coming-soon-content{padding:30px 20px}.coming-soon-content h2{font-size:1.5rem}.coming-soon-content p{font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-content h2{margin-top:0;color:#333}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.modal-buttons button:first-child{background:#ccc;color:#333}.modal-buttons button:last-child{background:#007bff;color:#fff}.sop-content{margin:20px 0}.sop-content p{margin:10px 0;line-height:1.5}.confirmation-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-header{text-align:center;margin-bottom:25px}.confirmation-icon{font-size:48px;margin-bottom:10px}.confirmation-header h2{margin:0 0 5px;font-size:24px;font-weight:600}.confirmation-subtitle{margin:0;opacity:.9;font-size:14px}.confirmation-details{background:#ffffff1a;border-radius:12px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:500;opacity:.9}.detail-value{font-weight:600;background:#fff3;padding:4px 12px;border-radius:20px;font-size:14px}.confirmation-warning{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:15px;margin-bottom:25px;display:flex;align-items:flex-start;gap:10px}.warning-icon{font-size:20px;flex-shrink:0}.confirmation-warning p{margin:0;font-size:14px;line-height:1.4;opacity:.95}.confirmation-buttons{display:flex;gap:15px;justify-content:center}.back-btn,.proceed-btn{padding:12px 24px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.back-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.proceed-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.proceed-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.exam-review-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d,#f59e0b,#d97706);display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.exam-review-modal{background:#fff;width:95vw;max-width:1200px;height:95vh;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;overflow:hidden}.exam-review-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.exam-review-header h2{margin:0;font-size:1.8rem}.review-info{display:flex;gap:20px;font-size:1rem;font-weight:500}.close-review-btn{background:#fff3;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:5px 15px;border-radius:8px;transition:background .3s ease}.close-review-btn:hover{background:#ffffff4d}.review-summary{background:#f8f9fa;padding:20px;border-bottom:1px solid #e9ecef}.summary-stats{display:flex;gap:30px;justify-content:center}.stat-item{text-align:center}.stat-label{display:block;font-weight:600;color:#495057;margin-bottom:5px}.stat-value{display:block;font-size:1.5rem;font-weight:700}.stat-value.correct{color:#28a745}.stat-value.incorrect{color:#dc3545}.stat-value.unanswered{color:#ffc107}.review-questions{flex:1;overflow-y:auto;padding:20px}.review-question{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:20px;margin-bottom:20px;transition:border-color .3s ease}.review-question.correct{border-color:#28a745;background:#f8fff8}.review-question.incorrect{border-color:#dc3545;background:#fff8f8}.review-question.unanswered{border-color:#ffc107;background:#fffef8}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-header h4{margin:0;color:#343a40;font-size:1.2rem}.question-status .status{padding:5px 10px;border-radius:15px;font-size:.9rem;font-weight:600}.status.correct{background:#d4edda;color:#155724}.status.incorrect{background:#f8d7da;color:#721c24}.status.unanswered{background:#fff3cd;color:#856404}.question-text{font-size:1.1rem;line-height:1.6;margin-bottom:20px;color:#495057;font-weight:500}.options-review{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.option-review{display:flex;align-items:center;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa;transition:all .3s ease}.option-review.correct-answer{border-color:#28a745;background:#d4edda;color:#155724}.option-review.wrong-answer{border-color:#dc3545;background:#f8d7da;color:#721c24}.option-letter{font-weight:700;margin-right:10px;min-width:20px}.correct-indicator{margin-left:auto;color:#28a745;font-weight:700;font-size:1.2rem}.wrong-indicator{margin-left:auto;color:#dc3545;font-weight:700;font-size:1.2rem}.answer-summary{background:#e9ecef;padding:15px;border-radius:8px;font-size:1rem;line-height:1.5}.review-actions{background:#f8f9fa;padding:20px;display:flex;justify-content:center;border-top:1px solid #e9ecef}.review-actions .close-review-btn{background:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.review-actions .close-review-btn:hover{background:#0056b3}@media (max-width: 768px){.exam-review-modal{width:98vw;height:98vh}.exam-review-header{flex-direction:column;gap:15px;text-align:center}.review-info{flex-direction:column;gap:10px}.summary-stats{flex-direction:column;gap:15px}.question-header{flex-direction:column;gap:10px;align-items:flex-start}.review-questions,.review-question{padding:15px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:90vh;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-800) 100%);padding:var(--space-lg)}.login-card{background:var(--color-bg-card);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:450px;position:relative;overflow:hidden;border:1px solid var(--color-border)}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-700) 100%)}.login-card h2{text-align:center;margin-bottom:var(--space-sm);color:var(--secondary-900);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.5px}.login-subtitle{text-align:center;margin-bottom:var(--space-xl);color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:500}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-xs);color:var(--secondary-700);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:16px 20px;border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-base);transition:all .3s ease;box-sizing:border-box;background-color:var(--secondary-50);color:var(--secondary-900)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100);background-color:#fff}.form-group input::placeholder{color:var(--secondary-400)}.error-message{background-color:#fee2e2;color:var(--danger-500);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);border:1px solid #fecaca;font-size:var(--font-size-sm);font-weight:500}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.5px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border)}.divider span{background:#fff;padding:0 20px;color:var(--color-text-muted);font-weight:500;position:relative;z-index:1}.google-btn{width:100%;padding:16px;background:#fff;color:var(--secondary-700);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.google-btn:hover:not(:disabled){background:var(--secondary-50);border-color:var(--secondary-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-links p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-links a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .3s ease}.auth-links a:hover{color:var(--primary-700);text-decoration:underline}@media (max-width: 480px){.login-container{padding:var(--space-sm)}.login-card{padding:var(--space-xl) var(--space-lg)}.login-card h2{font-size:var(--font-size-2xl)}.login-subtitle{font-size:var(--font-size-sm)}}.login-card{background:#fff;border-radius:16px;padding:50px;box-shadow:0 20px 40px #00000026;width:100%;max-width:450px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.login-card h2{text-align:center;margin-bottom:10px;color:#2d3748;font-size:32px;font-weight:700;letter-spacing:-.5px}.login-subtitle{text-align:center;margin-bottom:40px;color:#718096;font-size:16px;font-weight:500}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;color:#4a5568;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background-color:#f8fafc}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#fff}.form-group input::placeholder{color:#a0aec0}.error-message{background-color:#fed7d7;color:#c53030;padding:14px 18px;border-radius:10px;margin-bottom:24px;border:1px solid #feb2b2;font-size:14px;font-weight:500}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-btn:active{transform:translateY(0)}.divider{text-align:center;margin:30px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.divider span{background:#fff;padding:0 20px;color:#718096;font-weight:500;position:relative;z-index:1}.google-btn{width:100%;padding:16px;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.google-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 6px 15px #0000001a}.google-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-btn img{width:20px;height:20px}.google-btn:active{transform:translateY(0)}.auth-links{text-align:center;margin-top:30px}.auth-links p{color:#718096;font-size:14px;margin:0}.auth-links a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-links a:hover{color:#764ba2;text-decoration:underline}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:40px 30px}.login-card h2{font-size:28px}.login-subtitle{font-size:15px}}.admin-dashboard{display:flex;min-height:100vh;background-color:var(--color-bg-body)}.sidebar{width:260px;background-color:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;transition:transform .3s ease}.sidebar-header{height:64px;display:flex;align-items:center;padding:0 var(--space-lg);border-bottom:1px solid var(--color-border)}.sidebar-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--space-xs)}.sidebar-nav{flex:1;padding:var(--space-lg) var(--space-sm);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:all .2s ease;margin-bottom:var(--space-2xs);background:transparent;border:none;width:100%;cursor:pointer;text-align:left}.nav-item:hover{background-color:var(--secondary-50);color:var(--secondary-900)}.nav-item.active{background-color:var(--primary-50);color:var(--primary-700)}.nav-item svg{width:20px;height:20px}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.user-profile{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs)}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-info{flex:1;overflow:hidden}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--secondary-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--color-text-muted)}.logout-btn{margin-top:var(--space-xs);width:100%;padding:var(--space-xs);border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-md);color:var(--secondary-600);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--secondary-50);color:var(--danger-500);border-color:var(--danger-500)}.main-content{flex:1;margin-left:130px;padding:10px;max-width:100%;width:calc(100% - 260px);background-color:var(--color-bg-body)}.masters-layout{display:flex;gap:var(--space-md);align-items:flex-start}.page-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.page-title{font-size:1.75rem;font-weight:700;color:var(--secondary-900);margin-bottom:var(--space-2xs);letter-spacing:-.02em}.page-subtitle{color:var(--color-text-muted);font-size:1rem}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:20px;margin-bottom:var(--space-md);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.card-title{font-size:var(--font-size-xl);font-weight:600}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--secondary-700);margin-bottom:var(--space-xs)}.form-control,select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=file]{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.95rem;color:var(--color-text-main);background-color:#fff;transition:all .2s}.form-control:focus,select:focus,input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.helper-text{font-size:.8rem;color:var(--color-text-muted);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-lg);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;border:1px solid transparent;gap:var(--space-xs)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 4px #6366f133}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #6366f14d}.btn-secondary{background-color:#fff;border-color:var(--color-border);color:var(--secondary-700)}.btn-secondary:hover{background-color:var(--secondary-50);border-color:var(--secondary-300)}.btn-danger{background-color:#fee2e2;color:var(--danger-500)}.btn-danger:hover{background-color:#fecaca}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.table-container{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#fff}table{width:100%;border-collapse:collapse;font-size:.95rem}th{background-color:var(--secondary-50);color:var(--secondary-600);font-weight:600;text-align:left;padding:var(--space-md);border-bottom:1px solid var(--color-border);white-space:nowrap}td{padding:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--secondary-700)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--secondary-50)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:#fff;padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.stat-card h4{font-size:.875rem;color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.25rem;font-weight:700;color:var(--secondary-900)}.stat-card.full-width{grid-column:1 / -1}.masters-sidebar{width:260px;flex-shrink:0;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.masters-nav-card{padding:16px;height:407px;max-width:250px}.masters-nav-btn{display:block;width:100%;text-align:left;padding:12px 16px;margin-bottom:4px;border-radius:var(--radius-lg);background:transparent;border:none;color:var(--secondary-600);font-weight:500;cursor:pointer;transition:all .2s}.masters-nav-btn:hover{background:var(--secondary-100);color:var(--secondary-900)}.masters-nav-btn.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.masters-content{flex:1;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-lg);box-shadow:var(--shadow-sm)}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100%;padding:20px}}.text-center{text-align:center}.text-right{text-align:right}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:200px;font-weight:500;color:var(--color-text-muted)}.error{color:var(--danger-500)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .2s ease-out}.modal-container{background:#fff;width:500px;max-width:90%;max-height:90vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.25rem;color:var(--secondary-900)}.close-btn{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--secondary-400);cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:all .2s}.close-btn:hover{background:var(--secondary-100);color:var(--danger-500)}.modal-body{padding:24px;overflow-y:auto}.modal-footer{padding:20px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-sm);background:var(--secondary-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.student-dashboard{min-height:100vh;background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d,#f59e0b,#d97706);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a;border-bottom:1px solid rgba(251,191,36,.2);position:sticky;top:0;z-index:50}.header-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.welcome-section{display:flex;align-items:center;gap:1rem}.welcome-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 6px #f59e0b4d}.welcome-text h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text p{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.user-info{display:flex;align-items:center;gap:1rem}.user-details{text-align:right}.user-email{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.user-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #f59e0b33}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem}.status-card{margin-bottom:2rem;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.status-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0000001a}.premium-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(251,191,36,.3);padding:2rem}.premium-content{display:flex;align-items:center;gap:1rem}.premium-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 6px #f59e0b4d}.premium-text h2{font-size:1.5rem;font-weight:700;color:#92400e;margin:0}.premium-text p{color:#a16207;margin:.5rem 0 0}.free-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(251,191,36,.3);padding:2rem}.free-content{display:flex;justify-content:space-between;align-items:center}.free-info{display:flex;align-items:center;gap:1rem}.free-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #f59e0b}.free-text h2{font-size:1.5rem;font-weight:700;color:#92400e;margin:0}.free-text p{color:#a16207;margin:.5rem 0 0}.exam-counter{text-align:center}.exam-number{font-size:3rem;font-weight:800;color:#d97706;line-height:1}.exam-label{font-size:.875rem;color:#d97706b3;font-weight:500}.upgrade-notice{margin-top:1.5rem;padding:1rem;background:#fef3c7cc;border:1px solid rgba(251,191,36,.4);border-radius:.5rem}.upgrade-notice p{color:#92400e;font-weight:500;margin:0 0 .5rem}.upgrade-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.action-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(251,191,36,.2);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#d97706);transform:scaleX(0);transition:transform .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #f59e0b26;border-color:#fbbf2466}.action-card:hover:before{transform:scaleX(1)}.action-card.disabled{opacity:.6;cursor:not-allowed}.action-card.disabled:hover{transform:none;box-shadow:0 1px 3px #0000001a}.card-content{display:flex;align-items:center;gap:1rem}.card-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:.75rem;display:flex;align-items:center;justify-content:center;border:2px solid #f59e0b;flex-shrink:0}.card-text h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.card-text p{color:#6b7280;margin:0;font-size:.875rem}.premium-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.upgrade-banner{background:linear-gradient(135deg,#f59e0b,#d97706,#dc2626);border-radius:1rem;padding:3rem;color:#fff;box-shadow:0 8px 25px #f59e0b4d}.banner-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.banner-text h3{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-text p{color:#ffffffe6;margin:0 0 1.5rem;font-size:1.125rem}.feature-list{list-style:none;padding:0;margin:0 0 2rem}.feature-list li{color:#ffffffe6;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature-list li:before{content:"✓";color:#fff;font-weight:700}.banner-cta{text-align:center;min-width:200px}.price{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:#fff}.cta-btn{padding:1rem 2rem;background:#fff;color:#d97706;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d,#f59e0b,#d97706)}.loading-content{text-align:center}.loading-spinner{width:3rem;height:3rem;border:3px solid rgba(245,158,11,.3);border-top:3px solid #d97706;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-text{margin-top:1rem;color:#92400e;font-weight:500}@media (max-width: 768px){.header-content{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.welcome-section,.user-info{justify-content:center}.dashboard-content{padding:1rem}.action-grid{grid-template-columns:1fr}.banner-content{flex-direction:column;text-align:center;gap:1.5rem}.banner-text h3{font-size:1.5rem}.price{font-size:2rem}}@media (max-width: 480px){.welcome-text h1{font-size:1.5rem}.free-content{flex-direction:column;gap:1rem;text-align:center}.exam-number{font-size:2.5rem}.action-card{padding:1.5rem}.card-content{flex-direction:column;text-align:center;gap:.75rem}.upgrade-banner{padding:2rem 1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-800{animation-delay:.8s}.delay-1000{animation-delay:1s}.paywall-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.paywall-content{max-width:1200px;width:100%;margin:0 auto;padding:2rem}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--accent-500: #14b8a6;--accent-600: #0d9488;--danger-500: #ef4444;--warning-500: #f59e0b;--success-500: #10b981;--color-primary: var(--primary-600);--color-primary-hover: var(--primary-700);--color-text-main: var(--secondary-900);--color-text-muted: var(--secondary-500);--color-bg-body: var(--secondary-50);--color-bg-card: #ffffff;--color-border: var(--secondary-200);--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-base);background-color:var(--color-bg-body);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--color-text-main)}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}.glass-effect{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.gradient-text{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent}