*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a202c;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer}a{text-decoration:none}button:focus,button:focus-visible{outline:none}.header{padding:1.5rem 0;position:fixed;top:0;width:100%;background-color:#fff;z-index:1100;box-shadow:0 2px 10px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.logo{font-size:1.9rem;font-weight:800;color:#1a202c;display:flex;gap:0;align-items:center}.logo-part{display:inline-block}.logo-orange{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.logo-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.logo-block{display:flex;flex-direction:row;align-items:center;gap:1rem;line-height:1.1}.logo-image{width:70px;height:70px;object-fit:contain}.logo-text-wrapper{display:flex;flex-direction:column;align-items:flex-start}.logo-tagline{font-size:1.2rem;font-weight:600;margin-top:.1rem;background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em}.nav{display:flex;gap:1.8rem}.nav-link{color:#4a5568;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s;position:relative;padding-bottom:.5rem;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .3s ease-in-out}.nav-link:hover{color:#1a202c}.nav-link:hover:after{width:100%}.nav-link.active{color:#8b5cf6;font-weight:600}.nav-link.active:after{width:100%}.signup-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.signup-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 10px 20px #f973164d}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e5e7eb;padding:.65rem 1.25rem;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.user-btn:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.user-email{font-size:.95rem;font-weight:600;color:#1f2937;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{color:#6b7280;transition:transform .3s ease}.user-btn:hover .dropdown-icon{color:#8b5cf6}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:200px;overflow:hidden;animation:dropdownFadeIn .2s ease-out;border:1px solid #e5e7eb}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:.85rem 1.25rem;border:none;background:#fff;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;color:#1a202c;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item:hover{background:#f8fafc;color:#ea580e}.logout-btn{color:#dc2626}.logout-btn:hover{background:linear-gradient(90deg,#fee2e2,#fecaca);color:#991b1b;font-weight:500}.logout-btn svg{color:currentColor}.hdr-rewards-item{color:#1a1a1a!important}.hdr-rewards-item:hover{background:#f8fafc!important;color:#ea580e!important}.resources-dropdown{position:relative;display:inline-block}.resources-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.3rem;padding:0;padding-bottom:.5rem}.dropdown-icon-small{color:#4a5568;transition:transform .3s ease,color .3s ease}.resources-btn:hover .dropdown-icon-small{color:#1a202c}.resources-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:180px;overflow:hidden;animation:dropdownFadeIn .2s ease-out;border:1px solid #e5e7eb;z-index:1001}.resources-dropdown-item{width:100%;padding:.85rem 1.25rem;border:none;background:#fff;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;color:#1a202c;transition:all .2s ease;display:block}.resources-dropdown-item:hover{color:#f97316;font-weight:600}.header-search-container{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:25px;padding:.25rem .4rem;transition:all .3s ease;max-width:170px;min-width:170px;box-shadow:0 2px 8px #0000000d;margin-left:.5rem}.header-search-container:focus-within{border-color:#a78bfa;box-shadow:0 4px 12px #8b5cf626}.header-search-input{flex:1;border:none;outline:none;padding:.25rem .4rem;font-size:.75rem;color:#1a202c;background:transparent;min-width:0}.header-search-input::placeholder{color:#9ca3af;font-weight:500}.header-search-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #8b5cf640}.header-search-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 4px 12px #f9731659;transform:scale(1.05)}.header-search-btn svg{color:#fff;stroke:#fff;width:14px;height:14px}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1100;flex-shrink:0}.hamburger-line{display:block;width:100%;height:2.5px;background:#4a5568;border-radius:3px;transition:transform .3s ease,opacity .3s ease,background .3s ease;transform-origin:center}.hamburger-btn.is-open .hamburger-line:nth-child(1){transform:translateY(8.75px) rotate(45deg);background:#8b5cf6}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-8.75px) rotate(-45deg);background:#8b5cf6}.mobile-menu-overlay{position:fixed;inset:0;background:#1118278c;z-index:1150;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mobile-menu{position:absolute;top:0;left:0;right:0;background:#fff;padding:1.25rem 1.5rem 2rem;max-height:92vh;overflow-y:auto;border-radius:0 0 20px 20px;box-shadow:0 8px 40px #0000002e;animation:mobileMenuSlideDown .28s cubic-bezier(.16,1,.3,1)}@keyframes mobileMenuSlideDown{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;border-bottom:1.5px solid #f3f4f6;margin-bottom:.75rem}.mobile-menu-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer}.mobile-logo-img{width:42px;height:42px;object-fit:contain}.mobile-menu-close{background:#f3f4f6;border:none;cursor:pointer;color:#6b7280;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;flex-shrink:0}.mobile-menu-close:hover{background:#e5e7eb;color:#1f2937}.mobile-search-container{display:flex;gap:.6rem;margin:.75rem 0 1.25rem}.mobile-search-input{flex:1;padding:.7rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#1a202c;outline:none;transition:border-color .3s;background:#f9fafb}.mobile-search-input:focus{border-color:#a78bfa;background:#fff}.mobile-search-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .2s}.mobile-search-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316)}.mobile-nav-links{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;color:#374151;font-size:1rem;font-weight:500;text-decoration:none;border-radius:10px;border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:background .2s,color .2s}.mobile-nav-link:hover,.mobile-nav-link.active{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.mobile-nav-section{display:flex;flex-direction:column}.mobile-nav-expand{justify-content:space-between}.expand-icon{transition:transform .3s ease;flex-shrink:0;color:#9ca3af}.expand-icon.open{transform:rotate(180deg);color:#7c3aed}.mobile-sub-links{display:flex;flex-direction:column;padding-left:1rem;margin:.25rem 0 .5rem 1rem;border-left:3px solid #ede9fe;animation:subLinksAppear .2s ease}@keyframes subLinksAppear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-sub-link{padding:.7rem 1rem;color:#6b7280;font-size:.95rem;font-weight:500;text-decoration:none;border-radius:8px;transition:color .2s,background .2s;display:block}.mobile-sub-link:hover{color:#7c3aed;background:#f5f3ff}.mobile-auth-section{padding-top:1rem;border-top:1.5px solid #f3f4f6;display:flex;flex-direction:column;gap:.4rem}.mobile-user-info{padding:.75rem 1rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;margin-bottom:.4rem;display:flex;align-items:center;gap:.75rem}.mobile-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #8b5cf659}.mobile-user-name{font-size:.95rem;font-weight:600;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-signin-btn{width:100%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:.25rem}.mobile-signin-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316)}.mobile-logout-btn{width:100%;background:none;border:2px solid #fee2e2;color:#dc2626;padding:.9rem 1rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.25rem;text-align:left}.mobile-logout-btn:hover{background:#fee2e2}@media(max-width:768px){.hamburger-btn{display:flex}.nav,.header-search-container,.signup-btn,.user-menu{display:none}.header-content{padding:0 1rem}.logo{font-size:1.4rem}.logo-image{width:50px;height:50px}.logo-tagline{font-size:.95rem}.header{padding:1rem 0}}.my-learning-page{padding:8rem 0 4rem;background:#f9fafb;min-height:100vh}.my-learning-page .container{max-width:1280px;margin:0 auto;padding:0 2rem}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center;display:flex;justify-content:center;gap:.5rem}.title-my{color:#1f2937}.title-learning{background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:#6b7280;margin-bottom:3rem;text-align:center;font-size:1.1rem;font-weight:400}.mylearning-search-filter-section{margin-bottom:2rem}.mylearning-search-wrapper{position:relative;max-width:600px;margin:0 auto 1.5rem;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50px;padding:.4rem .6rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.mylearning-search-wrapper:focus-within{border-color:#a78bfa;box-shadow:0 4px 12px #8b5cf626}.mylearning-search-icon{position:absolute;left:1.5rem;color:#9ca3af;pointer-events:none;z-index:1}.mylearning-search-input{flex:1;padding:.8rem 1rem .8rem 2.5rem;border:none;background:transparent;font-size:1rem;color:#1f2937;outline:none}.mylearning-search-input:focus{color:#1f2937}.mylearning-search-input::placeholder{color:#9ca3af}.mylearning-clear-search{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;flex-shrink:0;margin-left:.5rem}.mylearning-clear-search:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 8px 16px #f973164d}.mylearning-filter-tabs{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.mylearning-filter-tab{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:50px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.mylearning-filter-tab:hover{border-color:#fb923c;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f97316;transform:translateY(-2px);box-shadow:0 4px 12px #f9731626}.mylearning-filter-tab.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.mylearning-filter-tab.active:hover{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#f97316;box-shadow:0 6px 16px #f9731666}.mylearning-filter-count{background:#00000014;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700}.mylearning-filter-tab.active .mylearning-filter-count{background:#ffffff40}.ml-stats-bar{display:flex;align-items:stretch;background:#fff;border:1px solid #e8edf3;border-radius:18px;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000d;border-top:3px solid transparent;background-clip:padding-box;position:relative}.ml-stats-bar:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#ea580c,#2563eb 66%,#16a34a);border-radius:18px 18px 0 0}.ml-stat-item{flex:1;display:flex;align-items:center;gap:1rem;padding:1.5rem 1.6rem;transition:background .18s;cursor:default;position:relative}.ml-stat-item:hover{background:#fafbff}.ml-stat-divider{width:1px;background:#eef0f4;flex-shrink:0;margin:1rem 0}.ml-stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ml-si-violet{background:#ede9fe}.ml-si-violet svg{stroke:#7c3aed}.ml-si-orange{background:#fff7ed}.ml-si-orange svg{stroke:#ea580c}.ml-si-blue{background:#eff6ff}.ml-si-blue svg{stroke:#2563eb}.ml-si-green{background:#f0fdf4}.ml-si-green svg{stroke:#16a34a}.ml-stat-text{display:flex;flex-direction:column;gap:.22rem;flex:1;min-width:0}.ml-stat-num{font-size:1.9rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-1px}.ml-stat-plus{font-size:1.3rem;font-weight:700;letter-spacing:0;color:#64748b}.ml-stat-lbl{font-size:.78rem;font-weight:500;color:#64748b;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.ml-stat-badge{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.ml-stat-badge.blue{background:#eff6ff;color:#2563eb}.ml-stat-badge.green{background:#f0fdf4;color:#16a34a}.enrollment-stats,.stat-card,.stat-icon,.stat-info,.stat-number,.stat-label,.sc-violet,.sc-orange,.sc-blue,.sc-green{display:none}.spinner{width:60px;height:60px;border:5px solid #f3e8ff;border-top-color:#8b5cf6;border-right-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 4px 16px #8b5cf633}.loading-spinner p{margin-top:1.5rem;color:#6b7280;font-size:1.1rem;font-weight:600}.prompt-card,.no-courses-card{background:#fff;border-radius:24px;padding:3rem 2.5rem;text-align:center;max-width:500px;box-shadow:0 20px 60px #8b5cf626,0 4px 16px #00000014;border:1px solid rgba(167,139,250,.2);position:relative;overflow:hidden}.prompt-card:before,.no-courses-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a78bfa,#8b5cf6,#7c3aed)}.prompt-card svg,.no-courses-card svg{color:#8b5cf6;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(139,92,246,.2))}.prompt-card h2,.no-courses-card h2{font-size:1.85rem;font-weight:800;color:#1f2937;margin-bottom:1rem;letter-spacing:-.01em}.prompt-card p,.no-courses-card p{color:#6b7280;font-size:1.05rem;line-height:1.6;margin-bottom:2rem;font-weight:500}.browse-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf64d;letter-spacing:.02em}.browse-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-3px);box-shadow:0 12px 32px #f9731666}.enrolled-courses{margin-top:2rem}.no-results-found,.clear-all-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-results-found svg{color:#d1d5db;margin-bottom:1rem}.no-results-found h2{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.no-results-found p{color:#9ca3af;margin:0 0 1.5rem}.clear-all-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:50px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.clear-all-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-3px);box-shadow:0 8px 20px #f9731666}.courses-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.courses-count{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.view-controls{display:flex;gap:.5rem}.view-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#6b7280}.view-btn:hover{border-color:#fb923c;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f97316;transform:translateY(-2px)}.view-btn.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6;color:#fff}.view-btn.active:hover{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#f97316}.mylearning-courses-container{display:grid;gap:1.25rem}.mylearning-courses-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mylearning-courses-container.list-view{grid-template-columns:1fr}.mylearning-course-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;height:100%}.grid-view .mylearning-course-card{flex-direction:column}.list-view .mylearning-course-card{flex-direction:row}.mylearning-course-card:hover{box-shadow:0 8px 24px #8b5cf626;transform:translateY(-4px);border-color:#e9d5ff}.course-thumbnail{position:relative;overflow:hidden;background:#f3f4f6;flex-shrink:0}.grid-view .course-thumbnail{width:100%;height:160px;border-radius:20px 20px 0 0}.list-view .course-thumbnail{width:280px;min-width:280px;height:160px;border-radius:20px 0 0 20px}.course-thumbnail img{width:100%;height:100%;object-fit:contain;background:#f9fafb;transition:transform .3s ease}.mylearning-course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.mylearning-course-card:hover .course-overlay{opacity:1}.play-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 4px 12px #8b5cf666}.play-btn:hover{transform:scale(1.15);background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 8px 20px #f9731680}.course-info{padding:1.25rem;display:flex;flex-direction:column;flex:1}.category-tag{display:inline-block;background:#f3f4f6;color:#6b7280;padding:.375rem .875rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;align-self:flex-start;margin-bottom:.75rem}.course-meta-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.course-instructor{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem;margin:0}.course-instructor svg{flex-shrink:0}.course-duration{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem;margin:0;padding-left:1rem;border-left:1px solid #e5e7eb}.course-duration svg{flex-shrink:0;color:#8b5cf6}.course-title-main{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-section{margin-bottom:1rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.progress-bar-container{width:100%;height:6px;background:#e5e7eb;border-radius:50px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:50px;transition:width .3s ease}.progress-percentage{font-size:.75rem;color:#6b7280;font-weight:600}.continue-btn{width:auto;padding:.75rem 2rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start}.continue-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 8px 20px #f9731666}.continue-btn:before{content:"▶";font-size:.75rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem;padding:2rem 0}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-3px);box-shadow:0 8px 20px #f9731666}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;transform:none}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.75rem}.page-numbers{display:flex;gap:.375rem;align-items:center}.page-number{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-weight:700;font-size:.875rem;color:#374151;cursor:pointer;transition:all .3s ease;padding:0 .5rem}.page-number:hover{border-color:#fb923c;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f97316;transform:translateY(-2px);box-shadow:0 4px 8px #f9731633}.page-number.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.page-number.active:hover{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#f97316;box-shadow:0 6px 16px #f9731666}.page-info{font-size:.875rem;color:#6b7280;font-weight:500}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:48px;height:48px;border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner p{margin-top:1rem;color:#6b7280;font-size:.9375rem;font-weight:500}.login-prompt,.no-courses{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.prompt-card,.no-courses-card{background:#fff;border-radius:24px;padding:2.5rem;text-align:center;max-width:480px;box-shadow:0 8px 24px #8b5cf61f;border:1px solid #e9d5ff}.prompt-card svg,.no-courses-card svg{color:#8b5cf6;margin-bottom:1rem}.prompt-card h2,.no-courses-card h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.prompt-card p,.no-courses-card p{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.browse-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:50px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.browse-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-3px);box-shadow:0 8px 20px #f9731666}@media(max-width:1024px){.mylearning-courses-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ml-stats-bar{flex-wrap:wrap}.ml-stat-divider{display:none}.ml-stat-item{flex:1 1 calc(50% - 1px);border-bottom:1px solid #eef0f4}}@media(max-width:768px){.my-learning-page{padding-top:6rem}.my-learning-page .container{padding:0 1rem}.page-title{font-size:1.75rem}.enrollment-stats{grid-template-columns:repeat(2,1fr)}.ml-stats-bar{display:grid;grid-template-columns:1fr 1fr;gap:0}.ml-stat-item{flex:unset;min-width:0;border-bottom:1px solid #eef0f4;border-right:1px solid #eef0f4;padding:.875rem 1rem}.ml-stat-item:nth-child(2n){border-right:none}.ml-stat-item:nth-last-child(-n+2){border-bottom:none}.ml-stat-item:last-child{border-bottom:none}.mylearning-search-wrapper{margin-bottom:1rem}.mylearning-filter-tabs{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.mylearning-filter-tab{flex-shrink:0}.mylearning-courses-container.grid-view,.mylearning-courses-container.list-view{grid-template-columns:1fr}.list-view .course-thumbnail{width:100%;height:180px}.list-view .mylearning-course-card{flex-direction:column}.course-meta-info{flex-direction:column;align-items:flex-start;gap:.5rem}.course-duration{padding-left:0;border-left:none}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%;justify-content:center}.page-numbers{flex-wrap:wrap;justify-content:center}}.hero{padding:8rem 0 4rem;background-color:#fff;min-height:100vh;display:flex;align-items:center;isolation:isolate;position:relative;z-index:0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.hero-left{display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;color:#1a202c;margin:0}.hero-highlight{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.hero-description{font-size:1.1rem;color:#718096;line-height:1.7;margin:0;max-width:500px}.search-container{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50px;padding:.5rem .8rem;max-width:550px;margin-top:1rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.search-container:focus-within{border-color:#a78bfa;box-shadow:0 4px 12px #8b5cf626}.search-input{flex:1;padding:.8rem 1.2rem;border:none;background:transparent;color:#1a202c;font-size:1rem;outline:none;transition:all .3s ease}.search-input::placeholder{color:#9ca3af}.search-input:hover{color:#1a202c}.search-input:focus{color:#1a202c}.search-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;flex-shrink:0}.search-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-3px);box-shadow:0 15px 30px #f9731666}.search-btn svg{width:22px;height:22px}.hero-right{position:relative;display:flex;justify-content:center;align-items:center}.hero-visual{position:relative;width:100%;height:500px}.student-badge{position:absolute;top:10%;left:5%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:15px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #0000001a;z-index:10}.badge-icon{font-size:2rem;background:linear-gradient(135deg,#f59e0b,#f97316);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}.badge-info{display:flex;flex-direction:column}.badge-number{font-size:1.3rem;font-weight:700;color:#1a202c}.badge-text{font-size:.85rem;color:#718096}.student-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;z-index:5}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#c4b5fd,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #a78bfa4d}.student-silhouette{font-size:8rem;opacity:.9}.learning-chart{position:absolute;bottom:10%;left:10%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.2rem;border-radius:15px;width:200px;box-shadow:0 10px 30px #0000001a;z-index:10}.chart-header{font-size:.9rem;color:#4a5568;margin-bottom:1rem;font-weight:600}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:80px}.chart-bar{flex:1;background:linear-gradient(180deg,#a78bfa,#818cf8);border-radius:5px 5px 0 0;transition:height .3s}.chart-bar:nth-child(1){background:linear-gradient(180deg,#cbd5e0,#9ca3af)}.chart-bar:nth-child(2){background:linear-gradient(180deg,#ec4899,#db2777)}.chart-bar:nth-child(3){background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.chart-bar:nth-child(4){background:linear-gradient(180deg,#3b82f6,#2563eb)}.chart-bar:nth-child(5){background:linear-gradient(180deg,#f59e0b,#f97316)}.chart-bar:nth-child(6){background:linear-gradient(180deg,#a78bfa,#818cf8)}.decorative-circles{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none}.circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);opacity:.8}.circle-1{width:80px;height:80px;top:15%;right:10%}.circle-2{width:50px;height:50px;top:25%;right:5%}.circle-3{width:30px;height:30px;top:35%;right:15%}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.8rem}.hero-right{order:-1}.hero-visual{height:400px}.student-image{width:280px;height:280px}}@media(max-width:768px){.hero{padding:5.5rem 0 2.5rem;min-height:auto}.hero-content{padding:0 1rem}.hero-title{font-size:2.2rem}.hero-description{font-size:1rem}.stats{gap:2rem}.stat-number{font-size:2rem}.hero-visual{height:320px}.student-image{width:220px;height:220px}.student-badge{padding:.75rem 1rem;gap:.75rem;top:5%;left:2%}.badge-icon{width:36px;height:36px;font-size:1.4rem}.badge-number{font-size:1.1rem}.badge-text{font-size:.75rem}.learning-chart{width:150px;padding:.85rem;font-size:.8rem;bottom:5%;left:2%}.chart-header{font-size:.8rem;margin-bottom:.75rem}.chart-bars{height:60px}}@media(max-width:480px){.hero{padding:5rem 0 2rem}.hero-title{font-size:1.85rem}.hero-description{font-size:.95rem}.hero-visual{height:270px}.student-image{width:180px;height:180px}.student-badge{top:2%;left:0;padding:.65rem .85rem;border-radius:10px}.learning-chart{width:130px;bottom:2%;left:0;border-radius:10px}.circle-1{width:55px;height:55px}.circle-2{width:35px;height:35px}.circle-3{width:22px;height:22px}.search-container{padding:.4rem .6rem}.search-input{font-size:.9rem;padding:.65rem .8rem}.search-btn{width:46px;height:46px}}.course-card{background:linear-gradient(135deg,#ec4899,#db2777);padding:2rem 1.5rem;border-radius:24px;cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.2rem;min-height:200px;min-width:260px;max-width:280px;flex-shrink:0;justify-content:center;align-items:flex-start}@media(max-width:768px){.course-card{min-width:0;max-width:none;width:100%;min-height:160px;padding:1.5rem 1.2rem;border-radius:18px}.course-title{font-size:1.1rem}.course-icon svg{width:36px;height:36px}}.course-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.course-card.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.course-card.orange{background:linear-gradient(135deg,#f59e0b,#f97316)}.course-card.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.course-card.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.course-card.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.course-icon{font-size:2.5rem;color:#fff;opacity:.9}.course-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.course-arrow{position:absolute;bottom:2rem;right:2rem;font-size:1.5rem;color:#fff;opacity:.7;transition:transform .3s}.course-card:hover .course-arrow{transform:translate(5px);opacity:1}@media(max-width:768px){.course-card{padding:2rem 1.5rem;min-height:180px}.course-icon{font-size:2.5rem}.course-title{font-size:1.3rem}}.courses{padding:5rem 0;background-color:#f7fafc}.courses .container{max-width:1400px;margin:0 auto;padding:0 2rem}.courses-header{margin-bottom:3rem}.courses-title{font-size:2.8rem;font-weight:700;color:#1a202c;margin:0;line-height:1.3}.courses-grid{display:flex;gap:1.2rem;align-items:stretch;justify-content:center;flex-wrap:nowrap;width:100%}.browse-all{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:center;min-width:120px;min-height:140px;flex-shrink:0}.browse-all-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s}.browse-all-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:scale(1.1);box-shadow:0 10px 30px #f9731666}.arrow-circle{font-size:2rem;color:#fff;font-weight:600}.browse-all-text{font-size:1.1rem;color:#1a202c;font-weight:600}@media(max-width:768px){.courses{padding:3rem 0}.courses .container{padding:0 1rem}.courses-title{font-size:2rem}.courses-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex-wrap:unset}.browse-all{grid-column:1 / -1;flex-direction:row;min-height:auto;padding:1rem;gap:1.25rem;justify-content:center;align-items:center;border-radius:16px;background:#f3f0ff}.browse-all-btn{width:56px;height:56px}.arrow-circle{font-size:1.6rem}.browse-all-text{font-size:1rem}}.courses-page{padding:10rem 0 3rem;background-color:#f7fafc;min-height:100vh}.courses-page-header{text-align:center;margin-bottom:4rem;padding:0 2rem;position:relative}.courses-page-title{font-size:3rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.title-our{background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-courses{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.courses-page-subtitle{font-size:1.1rem;color:#718096;margin:0;max-width:600px;margin:0 auto 1.5rem}.clear-search-btn{position:fixed;top:9rem;right:2rem;background:#fff;color:#1a202c;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #0000001a;z-index:100}.clear-search-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 15px #8b5cf64d;transform:translateY(-2px)}.clear-search-btn svg{width:16px;height:16px}.no-results{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.no-results h2{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.no-results p{font-size:1.1rem;color:#718096;margin:0}.category-section{margin-bottom:4rem}.container,.courses-container{max-width:1400px;margin:0 auto;padding:0 2rem}.category-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.category-section-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.see-all-link{background:transparent;border:none;color:#8b5cf6;font-weight:600;cursor:pointer;font-size:1rem;transition:color .3s ease;display:flex;align-items:center;gap:.5rem;outline:none}.see-all-link:hover{color:#f97316}.courses-row-wrapper{display:flex;align-items:center;gap:1rem}.nav-arrow{width:50px;height:50px;min-width:50px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b5cf64d;transition:all .3s ease;color:#fff}.nav-arrow:hover:not(.disabled){background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 6px 20px #f59e0b66;transform:scale(1.1)}.nav-arrow.disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.courses-row{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:1.5rem;padding:1rem 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1}.courses-row::-webkit-scrollbar{display:none}.course-card-horizontal{background:#fff;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;min-width:320px;max-width:320px;flex-shrink:0;cursor:pointer}.course-card-horizontal:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.course-card-image{height:180px;background:linear-gradient(135deg,var(--card-color, #8b5cf6) 0%,var(--card-color, #7c3aed) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.course-image{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.course-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.course-card-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 .8rem;line-height:1.3}.course-card-description{font-size:.9rem;color:#718096;line-height:1.6;margin:0 0 1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.course-instructor{display:flex;align-items:center;gap:.6rem;flex:1}.instructor-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.courses-page .progress-indicator-small{margin-left:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:transparent;border:none;box-shadow:none}.courses-page .progress-ring-small,.courses-page .progress-ring-circle-bg,.courses-page .progress-ring-circle{display:none}.courses-page .progress-text-small{position:static;transform:none;font-size:1rem;font-weight:700;color:#8b5cf6;pointer-events:auto;padding:0;background:transparent}.course-card-footer.enrolled-footer{flex-direction:column;gap:1rem}.continue-learning-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 0;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.continue-learning-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f9731666;background:linear-gradient(135deg,#fb923c,#f97316)}.continue-learning-btn svg{width:16px;height:16px}@media(max-width:768px){.courses-page{padding:6rem 0 3rem}.container,.courses-container{padding:0 1rem}.courses-page-title{font-size:2rem}.courses-page-subtitle{font-size:1rem}.category-section-title{font-size:1.5rem}.category-section{margin-bottom:2.5rem}.category-section-header{margin-bottom:1rem}.nav-arrow{display:none}.courses-row-wrapper{display:block}.courses-row{gap:1rem;padding:.5rem 0 1.25rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.course-card-horizontal{min-width:82vw;max-width:82vw;scroll-snap-align:start;flex-shrink:0}.course-card-content{padding:1.1rem}.course-card-title{font-size:1.1rem;margin-bottom:.5rem}.course-card-description{-webkit-line-clamp:2;line-clamp:2;margin-bottom:1rem}.course-card-footer{padding-top:.75rem}.instructor-avatar{width:28px;height:28px;font-size:.8rem}.course-instructor span{font-size:.8rem}.current-price{font-size:1.05rem}}@media(max-width:480px){.courses-page-title{font-size:1.7rem}.course-card-horizontal{min-width:88vw;max-width:88vw}}.courses-page-title{font-size:3rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.courses-page-subtitle{font-size:1.1rem;color:#718096;max-width:600px;margin:0 auto}.category-filter{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem;padding:1rem}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:50px;font-size:1rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#a78bfa;color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.category-btn.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.category-icon{font-size:1.2rem}.courses-count{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem}.courses-count span{font-size:1rem;color:#4a5568;font-weight:600}.see-all-btn{background:transparent;border:none;color:#8b5cf6;font-weight:600;cursor:pointer;font-size:1rem;transition:color .3s ease}.see-all-btn:hover{color:#7c3aed;text-decoration:underline}.courses-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.course-item{background:#fff;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column}.course-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.course-item-image{height:180px;background:linear-gradient(135deg,var(--card-color, #8b5cf6) 0%,var(--card-color, #7c3aed) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.course-item-image:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.course-emoji{font-size:4rem;z-index:1}.course-item-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-category{background:linear-gradient(135deg,#f7fafc,#e2e8f0);color:#4a5568;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.course-duration{display:flex;align-items:center;gap:.3rem;color:#718096;font-size:.85rem;font-weight:500}.course-item-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 .8rem;line-height:1.3}.course-item-description{font-size:.9rem;color:#718096;line-height:1.6;margin:0 0 1.5rem;flex:1}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.course-instructor{display:flex;align-items:center;gap:.6rem}.instructor-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.course-instructor span{font-size:.85rem;color:#4a5568;font-weight:500}.course-pricing{display:flex;align-items:center;gap:.5rem}.original-price{font-size:.9rem;color:#a0aec0;text-decoration:line-through}.current-price{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.courses-page-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media(max-width:768px){.courses-page{padding:6rem 0 3rem}.courses-page .container{padding:0 1rem}.courses-page-title{font-size:2rem}.courses-page-subtitle{font-size:1rem}.category-filter{gap:.75rem}.category-btn{padding:.6rem 1.2rem;font-size:.9rem}.courses-page-grid{grid-template-columns:1fr;gap:1.5rem}}.course-detail-page{background-color:#fff;min-height:100vh;overflow-x:hidden}.course-banner{position:relative;height:480px;overflow:hidden;margin-top:5.5rem;background:#000}.back-btn{position:absolute;top:3.5rem;right:2rem;z-index:20;display:inline-flex;align-items:center;gap:.5rem;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1a202c;border:none;padding:.7rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.back-btn svg{transition:transform .3s ease;stroke:#1a202c}.back-btn:hover{background:#fff;transform:translate(3px);box-shadow:0 6px 16px #0003}.back-btn:hover svg{transform:translate(3px)}.banner-image-container{position:absolute;top:0;left:0;width:100%;height:100%}.banner-main-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.banner-gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000e6,#00000080,#0000004d);z-index:1}.banner-content-wrapper{position:absolute;bottom:0;left:0;width:100%;z-index:10;padding:0 2rem 2.5rem}.banner-content{max-width:1400px;margin:0 auto}.banner-info{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.banner-main-info{flex:1;max-width:900px}.course-detail-title{font-size:3rem;font-weight:800;line-height:1.15;margin:0 0 1rem;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5);letter-spacing:-.02em}.course-detail-description{font-size:1.1rem;line-height:1.6;margin:0 0 2rem;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:400}.course-stats{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.course-stats .stat-item{display:flex;align-items:center;gap:.5rem;color:#fff!important;font-size:1rem;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.6)}.course-stats .stat-item span{color:#fff!important}.course-stats .stat-item svg{flex-shrink:0;opacity:1;color:#fff!important;stroke:#fff!important;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.stat-divider{width:1px;height:20px;background:#ffffff4d}.price-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.sidebar-price{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-original-price{font-size:1.1rem;color:#a0aec0;text-decoration:line-through}.sidebar-discount{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.3rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.time-left{color:#e53e3e;font-size:.9rem;font-weight:500;margin:0 0 1rem}.course-info-section{background:#fff;padding:3rem 0 4rem}.course-info-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}.course-main-content{flex:1}.tabs-nav{display:flex;gap:2.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:2.5rem;overflow-x:auto;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;padding:.85rem 0 1rem;font-size:1rem;font-weight:500;color:#4a5568;cursor:pointer;position:relative;transition:all .3s ease;white-space:nowrap}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .3s ease-in-out}.tab-btn:hover{color:#1a202c}.tab-btn:hover:after{width:100%}.tab-btn.active{color:#8b5cf6;font-weight:600}.tab-btn.active:after{width:100%}.tabs-content{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-panel h2{font-size:1.8rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.tab-panel>p{color:#718096;font-size:1rem;line-height:1.7;margin:0 0 2rem}.overview-sections{display:flex;flex-direction:column;gap:1.5rem}.overview-card{background:linear-gradient(135deg,#f7fafc,#fff);border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .3s ease}.overview-card:hover{border-color:#cbd5e0;box-shadow:0 10px 30px #0000000d;transform:translateY(-3px)}.overview-card h3{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 1.25rem}.overview-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.overview-card li{color:#4a5568;font-size:.95rem;line-height:1.6;padding-left:1.75rem;position:relative}.overview-card li:before{content:"✓";position:absolute;left:0;color:#8b5cf6;font-weight:700;font-size:1.1rem}.modules-list{display:flex;flex-direction:column;gap:1.25rem}.module-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .3s ease}.module-card:hover{border-color:#8b5cf6;box-shadow:0 15px 40px #8b5cf626;transform:translate(5px)}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.module-info{display:flex;flex-direction:column;gap:.5rem}.module-number{display:inline-block;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;padding:.3rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.module-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0}.module-meta{display:flex;gap:1.25rem;color:#718096;font-size:.9rem;align-items:center}.module-meta span{display:flex;align-items:center;gap:.4rem}.module-meta svg{flex-shrink:0;color:#8b5cf6}.module-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.topic-item{display:flex;align-items:center;gap:.65rem;padding:.65rem;background:#f7fafc;border-radius:10px;color:#4a5568;font-size:.9rem;transition:all .3s ease}.topic-item:hover{background:#e6f7ff;transform:translate(3px)}.topic-item svg{flex-shrink:0;stroke:#8b5cf6}.instructor-profile{display:flex;gap:2rem;align-items:start}.instructor-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 15px 40px #8b5cf64d;background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.instructor-photo{width:100%;height:100%;object-fit:cover;object-position:center}.instructor-details{flex:1}.instructor-name{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.instructor-title{color:#718096;font-size:1rem;margin:0 0 1.5rem}.instructor-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.instructor-stat{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.95rem;font-weight:500}.instructor-stat svg{stroke:#8b5cf6;fill:none}.instructor-bio{margin-bottom:2rem}.instructor-bio h4{font-size:1.2rem;font-weight:700;color:#1a202c;margin:0 0 .85rem}.instructor-bio p{color:#4a5568;font-size:.98rem;line-height:1.7;margin:0 0 .85rem}.instructor-expertise h4{font-size:1.2rem;font-weight:700;color:#1a202c;margin:0 0 .85rem}.expertise-tags{display:flex;gap:.65rem;flex-wrap:wrap}.expertise-tag{background:linear-gradient(135deg,#f7fafc,#e6f7ff);border:2px solid #cbd5e0;color:#4a5568;padding:.6rem 1.1rem;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease}.expertise-tag:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #8b5cf64d}.reviews-summary{background:linear-gradient(135deg,#f7fafc,#fff);border:2px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:2.5rem}.rating-overview{display:flex;gap:3rem;align-items:center}.overall-rating{display:flex;flex-direction:column;align-items:center;gap:.65rem}.rating-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stars{font-size:1.75rem;color:#f59e0b;letter-spacing:.15rem}.rating-text{color:#718096;font-size:.9rem;font-weight:600}.rating-bars{flex:1;display:flex;flex-direction:column;gap:.85rem}.rating-bar-row{display:grid;grid-template-columns:75px 1fr 50px;gap:.85rem;align-items:center}.stars-label{color:#4a5568;font-size:.9rem;font-weight:500}.rating-bar{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.rating-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:10px;transition:width .3s ease}.rating-count{color:#718096;font-size:.85rem;text-align:right}.reviews-list{display:flex;flex-direction:column;gap:1.25rem}.review-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .3s ease}.review-card:hover{border-color:#cbd5e0;box-shadow:0 10px 30px #0000000d;transform:translateY(-3px)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.reviewer-info{display:flex;align-items:center;gap:.85rem}.reviewer-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#db2777);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;flex-shrink:0}.reviewer-details{display:flex;flex-direction:column;gap:.25rem}.reviewer-name{font-size:1rem;font-weight:700;color:#1a202c;margin:0}.review-stars{font-size:.95rem;letter-spacing:.08rem}.star-filled{color:#f59e0b}.star-empty{color:#cbd5e0}.review-time{color:#a0aec0;font-size:.85rem}.review-comment{color:#4a5568;font-size:.95rem;line-height:1.7;margin:0}.course-sidebar{position:sticky;top:6.5rem}.sidebar-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border:2px solid #e2e8f0}.sidebar-content{padding:1.75rem}.cdp-reward-box{background:#fff;border:1px solid #e2d9f3;border-left:3px solid #7c3aed;border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem}.cdp-reward-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cdp-reward-icon-wrap{width:26px;height:26px;border-radius:7px;background:#ede9fe;color:#7c3aed;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cdp-reward-title{font-weight:700;color:#1e293b;font-size:.88rem;flex:1}.cdp-reward-available{background:#ede9fe;color:#6d28d9;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}.cdp-reward-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cdp-reward-input{width:82px;padding:5px 8px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.88rem;font-weight:600;color:#1e293b;background:#f9fafb;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}.cdp-reward-input:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.cdp-reward-pts-label{font-size:.82rem;color:#64748b;font-weight:500}.cdp-reward-max-btn{padding:4px 12px;background:#7c3aed;color:#fff;border:none;border-radius:50px;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .2s;letter-spacing:.02em}.cdp-reward-max-btn:hover{background:#6d28d9}.cdp-reward-savings{display:flex;align-items:center;gap:5px;font-size:.78rem;color:#16a34a;font-weight:600;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:4px 8px;margin-top:2px}.cdp-reward-savings strong{color:#15803d}.cdp-reward-hint{font-size:.72rem;color:#94a3b8;margin:2px 0 0}.buy-now-btn{width:100%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.95rem;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:1.75rem}.buy-now-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #8b5cf666}.buy-now-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.enrolled-btn{width:100%;background:linear-gradient(135deg,#8b5cf6 0% 100%);color:#fff;border:none;padding:.95rem;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:1.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.enrolled-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #10b98166}.free-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;margin-left:.5rem}.enrollment-message{padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:600;font-size:.95rem}.enrollment-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.enrollment-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444}.enrollment-message.info{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;border:2px solid #7c3aed}.course-includes h4,.training-info h4,.share-section h4{font-size:.95rem;font-weight:700;color:#1a202c;margin:0 0 .85rem}.course-includes{margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid #e2e8f0}.course-includes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.course-includes li{display:flex;align-items:center;gap:.65rem;color:#4a5568;font-size:.9rem}.course-includes li svg{flex-shrink:0;stroke:#8b5cf6}.share-section{margin-bottom:0}.share-icons{display:flex;gap:1rem;flex-wrap:wrap}.share-icon{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#64748b;text-decoration:none}.share-icon:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf64d;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:transparent;color:#fff}.share-icon svg{width:24px;height:24px}@media(max-width:1024px){.course-info-container{grid-template-columns:1fr;gap:2rem}.course-sidebar{position:static;max-width:500px;margin:0 auto}.instructor-profile{flex-direction:column;align-items:center;text-align:center}.instructor-stats,.expertise-tags{justify-content:center}.rating-overview{flex-direction:column;gap:2rem}}@media(max-width:768px){.course-banner{height:380px;margin-top:5.5rem}.back-btn{top:1rem;right:1rem;padding:.6rem 1.25rem;font-size:.85rem}.banner-content-wrapper{padding:0 1rem 1.5rem}.banner-info{flex-direction:column;align-items:flex-start;gap:1rem}.course-detail-title{font-size:1.75rem}.course-detail-description{font-size:.92rem;margin-bottom:.75rem}.course-stats{gap:.75rem;flex-wrap:wrap}.course-stats .stat-item{font-size:.82rem}.stat-divider{display:none}.course-info-section{padding:1.5rem 0 3rem;overflow:hidden}.course-info-container{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;max-width:100%;overflow:hidden}.course-sidebar{position:static;width:100%;max-width:100%;margin:0}.sidebar-card{width:100%}.tabs-nav{gap:1.25rem}.tab-btn{padding:.75rem .25rem;font-size:.88rem;white-space:nowrap}.tab-panel h2{font-size:1.4rem}.module-topics{grid-template-columns:1fr}.module-header{flex-direction:column;gap:.6rem}.instructor-avatar-large{width:90px;height:90px}.instructor-name{font-size:1.4rem}.rating-overview{flex-direction:column;align-items:center;gap:1.25rem}.rating-bars{width:100%}.review-header{flex-direction:column;align-items:flex-start;gap:.65rem}.rating-bar-row{grid-template-columns:60px 1fr 38px;gap:.6rem}.widget-price,.sidebar-price{font-size:1.6rem}}@media(max-width:480px){.course-banner{height:310px;margin-top:5.5rem}.back-btn{top:.75rem;right:.75rem;padding:.5rem 1rem;font-size:.82rem}.banner-content-wrapper{padding:0 .875rem 1rem}.course-detail-title{font-size:1.4rem;line-height:1.2}.course-detail-description{font-size:.85rem;margin-bottom:.75rem;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.course-stats{gap:.5rem}.course-stats .stat-item{font-size:.78rem}.course-info-container{padding:0 .875rem}.tabs-nav{gap:1rem}.tab-btn{font-size:.82rem}.tab-panel h2{font-size:1.25rem}.sidebar-content,.widget-preview-info{padding:1.1rem}.overview-card,.module-card,.review-card{padding:1rem}.share-icons{justify-content:center}.module-topics{grid-template-columns:1fr}.sidebar-card{border-radius:12px}.rating-bar-row{grid-template-columns:55px 1fr 32px;gap:.5rem}.stars{font-size:1.4rem}.rating-number{font-size:2.75rem}}*{box-sizing:border-box}.learn-page-sidebar::-webkit-scrollbar,.learn-page-article::-webkit-scrollbar{width:8px}.learn-page-sidebar::-webkit-scrollbar-track,.learn-page-article::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.learn-page-sidebar::-webkit-scrollbar-thumb,.learn-page-article::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px;transition:background .3s ease}.learn-page-sidebar::-webkit-scrollbar-thumb:hover,.learn-page-article::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.learn-page-sidebar,.learn-page-article{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.learn-page-container{min-height:100vh;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.learn-page-layout{display:flex;width:100%;min-height:100vh}.learn-page-sidebar{width:320px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;height:100vh;position:sticky;top:0;transition:width .3s ease}.learn-page-sidebar.collapsed{width:0;overflow:hidden;border-right:none}.learn-page-sidebar-content{padding:1.5rem 1rem}.learn-page-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f59e0b}.learn-page-sidebar-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.learn-page-sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;flex-shrink:0}.learn-page-sidebar-toggle-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.learn-page-sidebar-overlay,.learn-page-mobile-topbar,.lp-mobile-menu-btn,.lp-mobile-back-btn{display:none}.learn-page-nav-counter{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.nav-counter-topic{font-size:.875rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.nav-counter-nums{font-size:.8125rem;color:#9ca3af;font-weight:500}.learn-page-sidebar-reopen-btn{position:fixed;left:0;top:50%;transform:translateY(-50%);width:40px;height:60px;display:flex;align-items:center;justify-content:center;background:#f59e0b;border:none;border-radius:0 8px 8px 0;cursor:pointer;color:#fff;transition:all .3s ease;box-shadow:2px 0 8px #0000001a;z-index:100}.learn-page-sidebar-reopen-btn:hover{background:#d97706;width:45px;box-shadow:2px 0 12px #00000026}.learn-page-sidebar-reopen-btn svg{width:24px;height:24px}.learn-page-modules-list{display:flex;flex-direction:column;gap:1rem}.learn-page-module-item{border-radius:8px;overflow:hidden}.learn-page-module-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border-radius:6px;margin-bottom:.25rem;border:none;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.learn-page-module-header:hover{background:#f9fafb}.learn-page-module-header.expanded{background:transparent}.learn-page-module-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;border-radius:6px;font-weight:700;font-size:.9375rem;flex-shrink:0}.learn-page-module-title{font-size:1rem;font-weight:600;color:#111827;margin:0;flex:1}.learn-page-module-arrow{color:#6b7280;transition:transform .3s ease;flex-shrink:0}.learn-page-module-header.expanded .learn-page-module-arrow{transform:rotate(180deg);color:#f59e0b}.learn-page-topics-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.learn-page-topic-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem .625rem 2rem;cursor:pointer;border-radius:4px;transition:all .2s ease;position:relative;margin-bottom:.125rem;border-left:3px solid transparent}.learn-page-topic-item:hover{background:#fef3f0;border-left-color:#f59e0b}.learn-page-topic-item.active{background:#fff7ed;border-left-color:#f59e0b;color:#f59e0b}.learn-page-topic-item.completed{background:#f0fdf4;border-left-color:#8b5cf6}.learn-page-topic-item.completed .learn-page-topic-title{color:#047857;font-weight:500}.learn-page-topic-item.completed.active{background:#fff7ed;border-left-color:#f59e0b}.learn-page-topic-item.completed.active .learn-page-topic-title{color:#f59e0b}.learn-page-topic-status{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.topic-check-icon{stroke:#8b5cf6;animation:checkmark-appear .3s ease}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.learn-page-topic-title{font-size:.9375rem;flex:1;color:#1f2937;font-weight:500}.learn-page-topic-item:hover .learn-page-topic-title{color:#d97706;font-weight:600}.learn-page-topic-item.active .learn-page-topic-title{color:#f59e0b;font-weight:600}.learn-page-main{flex:1;overflow-y:auto;background:#fff}.learn-page-content-wrapper{max-width:100%;margin:0;padding:2rem 3rem}.learn-page-layout.sidebar-collapsed .learn-page-content-wrapper{max-width:100%;padding:2rem 5%}.learn-page-top-bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.learn-page-course-info{flex:1}.learn-page-course-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .75rem}.learn-page-progress-indicator{display:flex;align-items:center;gap:1rem}.learn-page-progress-bar{flex:1;max-width:300px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.learn-page-progress-fill{height:100%;background:#f59e0b;border-radius:3px;transition:width .5s ease}.learn-page-progress-text{font-size:.875rem;color:#374151;font-weight:600;white-space:nowrap}.learn-page-back-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.learn-page-back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b4d}.learn-page-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;color:#4b5563;padding:1rem 0;border-bottom:1px solid #f3f4f6}.learn-page-breadcrumb span{color:#111827;font-weight:600}.learn-page-breadcrumb svg{stroke:#9ca3af;flex-shrink:0}.learn-page-article{background:#fff;overflow-y:auto;max-height:calc(100vh - 200px);padding-bottom:2rem;scroll-behavior:smooth;width:100%}.learn-page-content h2{font-size:2rem;font-weight:700;color:#111827;margin:0 0 1.5rem;line-height:1.3;letter-spacing:-.02em}.learn-page-content h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:2rem 0 1rem;line-height:1.4;letter-spacing:-.015em}.learn-page-content h4{font-size:1.25rem;font-weight:600;color:#4b5563;margin:1.5rem 0 .75rem}.learn-page-content p{font-size:1.0625rem;line-height:1.75;color:#374151;margin:0 0 1.5rem}.learn-page-content ul,.learn-page-content ol{margin:0 0 1.5rem;padding-left:2rem}.learn-page-content li{font-size:1.0625rem;line-height:1.75;color:#374151;margin-bottom:.75rem}.learn-page-content li strong,.learn-page-content strong{color:#1f2937;font-weight:600}.learn-page-info-box,.learn-page-tip-box,.learn-page-warning-box,.learn-page-success-box,.learn-page-example-box{padding:1.25rem 1.5rem;border-radius:10px;margin:2rem 0;border-left:4px solid;font-size:1rem;line-height:1.6}.learn-page-info-box *,.learn-page-tip-box *,.learn-page-warning-box *,.learn-page-success-box *,.learn-page-example-box *{font-size:inherit;line-height:inherit}.learn-page-info-box{background:#eff6ff;border-left-color:#3b82f6;border:1px solid #bfdbfe;border-left-width:4px;color:#1e40af}.learn-page-info-box strong{color:#1e3a8a;font-weight:700}.learn-page-tip-box{background:#f0fdf4;border-left-color:#10b981;border:1px solid #bbf7d0;border-left-width:4px;color:#065f46}.learn-page-tip-box strong{color:#064e3b;font-weight:700}.learn-page-warning-box{background:#fffbeb;border-left-color:#f59e0b;border:1px solid #fde68a;border-left-width:4px;color:#92400e}.learn-page-warning-box strong{color:#78350f;font-weight:700}.learn-page-success-box{background:#f0fdf4;border-left-color:#10b981;border:1px solid #bbf7d0;border-left-width:4px;color:#065f46}.learn-page-success-box strong{color:#064e3b;font-weight:700}.learn-page-example-box{background:#faf5ff;border-left-color:#8b5cf6;border:1px solid #e9d5ff;border-left-width:4px}.learn-page-example-box strong{color:#6d28d9;font-weight:700}.learn-page-example-box,.learn-page-example-box *{color:#4c1d95}.learn-page-certificate-box{background:linear-gradient(135deg,#fef3f0,#f8f4ff);border:2px solid #f59e0b;border-radius:12px;padding:2rem;text-align:center;margin:2rem 0}.learn-page-certificate-box h4{font-size:1.5rem;color:#1f2937;margin:0 0 1rem}.learn-page-certificate-box p{margin:.5rem 0;font-size:1.0625rem}.learn-page-code-section{margin:2.5rem 0}.learn-page-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.learn-page-code-header h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.01em}.learn-page-code-toggle{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.learn-page-code-toggle:hover{background:#e5e7eb}.learn-page-code-container{background:#1e293b;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000026;border:1px solid #334155}.learn-page-code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:#0f172a;border-bottom:1px solid #334155}.learn-page-code-language{font-size:.875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.learn-page-copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#334155;border:1px solid #475569;border-radius:6px;color:#f1f5f9;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.learn-page-copy-btn:hover{background:#475569;border-color:#64748b}.learn-page-code-block{margin:0;padding:1.5rem;overflow-x:auto;font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:.9375rem;line-height:1.8;color:#e2e8f0}.learn-page-code-block code{font-family:inherit;font-size:inherit;color:inherit}.learn-page-completion-section{margin:3rem 0 2rem;padding-top:2rem;border-top:2px solid #f3f4f6;display:flex;justify-content:center}.learn-page-complete-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .3s ease}.learn-page-complete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.learn-page-completed-badge{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border-radius:10px;font-size:1.0625rem;font-weight:600}.learn-page-completed-badge svg{stroke:#047857}.learn-page-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:2px solid #f3f4f6}.learn-page-nav-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:10px;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .3s ease}.learn-page-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}.learn-page-nav-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.learn-page-nav-btn.prev{margin-right:auto}.learn-page-nav-btn.next{margin-left:auto;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.learn-page-nav-btn.next:hover:not(:disabled){box-shadow:0 8px 20px #8b5cf64d}.learn-page-error{text-align:center;padding:4rem 2rem}.learn-page-error h2{font-size:1.5rem;color:#111827;margin-bottom:1.5rem;font-weight:700}.learn-page-back-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.learn-page-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b4d}@media(min-width:1920px){.learn-page-sidebar{width:380px}.learn-page-content-wrapper{max-width:100%;padding:2.5rem 4rem}.learn-page-content h2,.learn-page-content-display h2{font-size:2.25rem}.learn-page-content h3,.learn-page-content-display h3{font-size:1.75rem}.learn-page-content p,.learn-page-content li,.learn-page-content-display p,.learn-page-content-display li{font-size:1.125rem}.learn-page-course-title{font-size:1.75rem}.learn-page-progress-bar{max-width:400px}.learn-page-layout.sidebar-collapsed .learn-page-content-wrapper{max-width:100%;padding:2.5rem 5%}}@media(min-width:2560px){.learn-page-sidebar{width:420px}.learn-page-content-wrapper{max-width:100%;padding:3rem 5rem}.learn-page-content h2,.learn-page-content-display h2{font-size:2.5rem}.learn-page-content h3,.learn-page-content-display h3{font-size:1.875rem}.learn-page-content p,.learn-page-content li,.learn-page-content-display p,.learn-page-content-display li{font-size:1.1875rem}.learn-page-sidebar-content{padding:2rem 1.5rem}.learn-page-module-title{font-size:1.125rem}.learn-page-topic-title{font-size:1.0625rem}.learn-page-layout.sidebar-collapsed .learn-page-content-wrapper{max-width:100%;padding:3rem 5%}}@media(min-width:1440px)and (max-width:1919px){.learn-page-sidebar{width:350px}.learn-page-content-wrapper{max-width:100%;padding:2rem 3.5rem}.learn-page-layout.sidebar-collapsed .learn-page-content-wrapper{max-width:100%;padding:2rem 5%}}@media(max-width:1024px){.learn-page-sidebar{width:280px}.learn-page-content-wrapper{padding:2rem 1.5rem}}@media(max-width:768px){.learn-page-mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:.5rem;padding:0 .75rem;z-index:300;box-shadow:0 2px 8px #00000014}.lp-mobile-menu-btn,.lp-mobile-back-btn{display:flex;width:40px;height:40px;border:none;background:transparent;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;color:#374151;flex-shrink:0;transition:background .15s ease}.lp-mobile-menu-btn:active,.lp-mobile-back-btn:active{background:#f3f4f6}.lp-mobile-title-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.lp-mobile-course-title{font-size:.875rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-mobile-progress-strip{height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}.lp-mobile-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:2px;transition:width .5s ease}.learn-page-top-bar{display:none}.learn-page-main{padding-top:56px;height:100vh;overflow-y:auto}.learn-page-sidebar{position:fixed;top:56px;left:0;width:85vw;max-width:320px;height:calc(100vh - 56px);z-index:200;box-shadow:4px 0 20px #0003;transform:translate(-100%);transition:transform .3s ease}.learn-page-sidebar:not(.collapsed){transform:translate(0)}.learn-page-sidebar.collapsed{transform:translate(-100%)}.learn-page-sidebar-overlay{display:block;position:fixed;inset:56px 0 0;background:#00000073;z-index:199}.learn-page-sidebar-reopen-btn{display:none}.learn-page-content-wrapper{padding:1.25rem 1rem 5rem;max-width:100%}.learn-page-breadcrumb{margin-bottom:1rem;padding:.625rem 0;font-size:.8125rem}.learn-page-article{overflow-y:visible;max-height:none}.learn-page-navigation{position:fixed;bottom:0;left:0;right:0;margin:0;padding:0 1rem;height:60px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px #00000014;z-index:150;display:flex;align-items:center;gap:.75rem}.learn-page-nav-btn{width:44px;min-width:44px;height:44px;padding:0;border-radius:10px;justify-content:center;flex-shrink:0}.learn-page-nav-btn.prev{margin-right:0}.learn-page-nav-btn.next{margin-left:0}.nav-label{display:none}.nav-counter-topic{font-size:.8125rem;font-weight:700;color:#111827}.nav-counter-nums{font-size:.6875rem;color:#9ca3af}.learn-page-content h2{font-size:1.375rem}.learn-page-content h3{font-size:1.125rem}.learn-page-content p,.learn-page-content li{font-size:.9375rem}}@media(max-width:480px){.learn-page-mobile-topbar{height:52px}.lp-mobile-course-title{font-size:.8125rem}.learn-page-main{padding-top:52px}.learn-page-sidebar{top:52px;height:calc(100vh - 52px);width:92vw}.learn-page-sidebar-overlay{top:52px}.learn-page-content-wrapper{padding:1rem .875rem 5rem}.learn-page-navigation{height:56px}.learn-page-nav-btn{width:40px;min-width:40px;height:40px;border-radius:8px}.learn-page-info-box,.learn-page-tip-box,.learn-page-warning-box,.learn-page-success-box,.learn-page-example-box{padding:.875rem 1rem}.learn-page-code-block{padding:.875rem;font-size:.875rem}}.learn-page-sidebar::-webkit-scrollbar,.learn-page-main::-webkit-scrollbar{width:8px}.learn-page-sidebar::-webkit-scrollbar-track,.learn-page-main::-webkit-scrollbar-track{background:#f3f4f6}.learn-page-sidebar::-webkit-scrollbar-thumb,.learn-page-main::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.learn-page-sidebar::-webkit-scrollbar-thumb:hover,.learn-page-main::-webkit-scrollbar-thumb:hover{background:#9ca3af}.learn-page-code-block::-webkit-scrollbar{height:8px}.learn-page-code-block::-webkit-scrollbar-track{background:#111827}.learn-page-code-block::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.learn-page-code-block::-webkit-scrollbar-thumb:hover{background:#6b7280}.learn-page-content-display{font-size:1.0625rem;line-height:1.75;color:#1a202c}.learn-page-content-display h2{font-size:1.875rem;font-weight:700;color:#1a202c;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #f59e0b;line-height:1.3}.learn-page-content-display h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:1.75rem 0 1rem;line-height:1.4}.learn-page-content-display h4{font-size:1.25rem;font-weight:600;color:#4a5568;margin:1.5rem 0 .75rem}.learn-page-content-display p{font-size:1.0625rem;line-height:1.8;color:#2d3748;margin:1rem 0}.learn-page-content-display ul,.learn-page-content-display ol{margin:1.25rem 0;padding-left:2.5rem;color:#2d3748}.learn-page-content-display li{margin:.75rem 0;line-height:1.75;color:#2d3748}.learn-page-content-display code{background:#fef3c7;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,Monaco,monospace;font-size:.9rem;color:#92400e;border:1px solid #fde68a;font-weight:500}.learn-page-content-display pre{background:#1a202c;color:#e2e8f0;padding:1.5rem;border-radius:10px;overflow-x:auto;margin:1.5rem 0;border:2px solid #2d3748;box-shadow:0 4px 12px #00000026}.learn-page-content-display pre code{background:transparent;color:#e2e8f0;border:none;padding:0;font-size:.95rem;line-height:1.6;display:block;font-weight:400}.learn-page-content-display img{max-width:100%;height:auto;border-radius:10px;margin:1.5rem 0;box-shadow:0 4px 16px #0000001a;border:1px solid #e2e8f0}.learn-page-content-display strong{font-weight:700;color:#1a202c}.learn-page-content-display em{font-style:italic;color:#4a5568}.learn-page-content-display blockquote{border-left:4px solid #8b5cf6;padding-left:1.5rem;margin:1.5rem 0;color:#4a5568;font-style:italic;background:#f7fafc;padding:1rem 1rem 1rem 1.5rem;border-radius:0 8px 8px 0}.learn-page-content-display table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.learn-page-content-display table th{background:#f7fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #cbd5e0}.learn-page-content-display table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;color:#2d3748}.learn-page-content-display table tr:last-child td{border-bottom:none}.learn-page-content-display a{color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .2s ease}.learn-page-content-display a:hover{color:#7c3aed;text-decoration:underline}.learn-page-no-content{padding:3rem;text-align:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:2px solid #f59e0b}.learn-page-no-content h2{font-size:1.75rem;font-weight:700;color:#92400e;margin-bottom:1rem}.learn-page-no-content p{font-size:1.0625rem;color:#78350f;margin:.5rem 0}.learn-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#4a5568}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.learn-page-loading p{font-size:1.125rem;font-weight:500;color:#4a5568}.learn-page-content-display pre code.language-cpp,.learn-page-content-display pre code.language-java,.learn-page-content-display pre code.language-python,.learn-page-content-display pre code.language-javascript{color:#e2e8f0}.blog-page{min-height:100vh;background-color:#fff}.blog-hero{padding:10rem 0 5rem;background:linear-gradient(135deg,#f7fafc,#fff);text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);border-radius:50%;filter:blur(60px)}.blog-hero:after{content:"";position:absolute;bottom:-50%;left:-10%;width:500px;height:500px;background:linear-gradient(135deg,#f59e0b1a,#f973160d);border-radius:50%;filter:blur(60px)}.blog-hero .container{position:relative;z-index:1}.blog-hero-title{font-size:3rem;font-weight:650;color:#1a202c;margin:0 0 1.5rem;line-height:1.2}.blog-highlight{background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-highlight-secondary{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-subtitle{font-size:1.3rem;color:#718096;max-width:700px;margin:0 auto;line-height:1.6}.blog-content{padding:5rem 0}.blog-intro{max-width:900px;margin:0 auto 6rem;text-align:center}.blog-intro-text{font-size:1.15rem;line-height:1.9;color:#4a5568;margin:0 0 1.5rem;text-align:justify}.blog-intro-text:last-child{margin-bottom:0}.blog-features{margin-bottom:6rem}.blog-section-title{font-size:2.8rem;font-weight:700;color:#1a202c;text-align:center;margin:0 0 4rem;position:relative}.blog-section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#f59e0b,#8b5cf6);border-radius:2px}.blog-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.blog-feature-card{background:#fff;padding:2.5rem;border-radius:20px;border:2px solid #e2e8f0;transition:all .4s ease;position:relative;overflow:hidden}.blog-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#a78bfa,#8b5cf6);transform:scaleX(0);transition:transform .4s ease}.blog-feature-card.purple:before{background:linear-gradient(90deg,#a78bfa,#8b5cf6)}.blog-feature-card.orange:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.blog-feature-card.cyan:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.blog-feature-card.pink:before{background:linear-gradient(90deg,#ec4899,#db2777)}.blog-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.blog-feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;transition:transform .3s ease}.blog-feature-card:hover .feature-icon{transform:scale(1.2)}.feature-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.feature-description{font-size:1rem;line-height:1.7;color:#718096;margin:0}.blog-philosophy{margin-bottom:6rem}.philosophy-card{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#f7fafc,#fff);padding:4rem;border-radius:24px;border:2px solid #e2e8f0;position:relative;overflow:hidden}.philosophy-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);border-radius:50%;filter:blur(40px)}.philosophy-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 2rem;position:relative}.philosophy-text{font-size:1.15rem;line-height:1.9;color:#4a5568;margin:0 0 1.5rem;position:relative}.philosophy-text:last-child{margin-bottom:0}.emphasis{font-weight:700;background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-certifications-section{margin-bottom:6rem}.blog-certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.blog-cert-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;border:2px solid #e2e8f0;text-align:center;transition:all .4s ease;box-shadow:0 2px 8px #0000000d}.blog-cert-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.blog-cert-icon-wrapper{width:80px;height:80px;border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.blog-cert-card:hover .blog-cert-icon-wrapper{transform:scale(1.1) rotate(5deg)}.blog-cert-icon-wrapper.aws-gradient{background:#fff;box-shadow:0 10px 30px #f903;border:3px solid #ff9900}.blog-cert-icon-wrapper.rpa-gradient{background:#fff;box-shadow:0 10px 30px #06b6d433;border:3px solid #06b6d4}.blog-cert-icon-wrapper.redhat-gradient{background:#fff;box-shadow:0 10px 30px #ec489933;border:3px solid #ec4899}.blog-cert-icon-wrapper.servicenow-gradient{background:#fff;box-shadow:0 10px 30px #10b98133;border:3px solid #10b981}.blog-cert-emoji{font-size:2.5rem}.blog-cert-logo{width:55px;height:55px;object-fit:contain}.blog-cert-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:1px}.blog-cert-list{list-style:none;padding:0;margin:0;text-align:left}.blog-cert-item{font-size:.95rem;line-height:1.7;color:#4a5568;margin-bottom:.85rem;padding-left:1.75rem;position:relative;font-weight:500}.blog-cert-item:last-child{margin-bottom:0}.blog-cert-item:before{content:"✓";position:absolute;left:0;top:0;font-weight:700;font-size:1rem;color:#10b981}.blog-cta{margin-bottom:4rem;text-align:center}.cta-content{max-width:1100px;margin:0 auto}.cta-intro{font-size:1.15rem;line-height:1.9;color:#4a5568;margin:0 auto 4rem;max-width:800px;text-align:center}.cta-values{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.cta-value-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;border:2px solid #e2e8f0;text-align:center;transition:all .4s ease}.cta-value-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.value-icon-wrapper{width:80px;height:80px;border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.cta-value-card:hover .value-icon-wrapper{transform:scale(1.1)}.purple-gradient{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 10px 30px #8b5cf64d}.orange-gradient{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 10px 30px #f59e0b4d}.cyan-gradient{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 10px 30px #06b6d44d}.value-icon{font-size:2.5rem}.value-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin:0 0 .75rem}.value-description{font-size:.95rem;line-height:1.6;color:#718096;margin:0}.cta-closing{text-align:center;padding:3rem 0 0;border-top:2px solid #e2e8f0}.cta-thanks{font-size:1.3rem;font-weight:600;margin:0;color:#1a202c;font-style:italic;position:relative;display:inline-block}.cta-thanks:before{content:'"';font-size:3rem;position:absolute;left:-2rem;top:-.5rem;color:#e2e8f0;font-family:Georgia,serif}.cta-thanks:after{content:'"';font-size:3rem;position:absolute;right:-2rem;top:-.5rem;color:#e2e8f0;font-family:Georgia,serif}@media(max-width:1024px){.blog-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.philosophy-card{padding:3rem}.cta-values{grid-template-columns:1fr;gap:1.5rem}.blog-certifications-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:768px){.blog-hero{padding:8rem 0 3rem}.blog-hero-title{font-size:2.5rem}.blog-hero-subtitle{font-size:1.1rem}.blog-content{padding:3rem 0}.blog-section-title{font-size:2rem}.blog-features-grid{grid-template-columns:1fr;gap:1.5rem}.blog-feature-card,.philosophy-card{padding:2rem}.philosophy-title{font-size:2rem}.cta-values{grid-template-columns:1fr}.cta-value-card{padding:2rem 1.5rem}.cta-thanks:before,.cta-thanks:after{display:none}.blog-intro-text{text-align:left}.blog-certifications-grid{grid-template-columns:1fr;gap:1.5rem}.blog-cert-icon-wrapper{width:70px;height:70px}.blog-cert-emoji{font-size:2rem}.blog-cert-logo{width:40px;height:40px}.blog-cert-title{font-size:1.25rem}.blog-cert-list{text-align:left}}@media(max-width:480px){.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1rem}.value-icon-wrapper{width:70px;height:70px}.value-icon{font-size:2rem}}.about-us{background-color:#fff;padding-top:80px}.about-hero{padding:5rem 0 1.5rem;background:linear-gradient(135deg,#fff,#f7fafc)}.about-hero-content{max-width:1000px;margin:0 auto;text-align:center;padding:0 2rem}.about-hero-title{font-size:3rem;font-weight:6000;line-height:1.2;color:#1a202c;margin:0 0 2rem}.title-explore{color:#1a202c}.about-highlight{background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-highlight-secondary{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-description{font-size:1.2rem;color:#718096;line-height:1.8;margin:0 0 4rem;max-width:800px;margin-left:auto;margin-right:auto}.about-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:900px;margin:0 auto}.stat-item{text-align:center}.stat-number{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#4a5568;font-weight:500}.about-story{padding:2rem 0 5rem;background-color:#fff}.about-story-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.story-left{position:relative}.story-visual-modern{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.visual-background{position:absolute;inset:0;overflow:hidden;border-radius:30px}.gradient-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:float 8s ease-in-out infinite}.circle-orange{width:300px;height:300px;background:linear-gradient(135deg,#f59e0b,#f97316);top:-20%;left:-10%;animation-delay:0s}.circle-purple{width:280px;height:280px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);bottom:-20%;right:-10%;animation-delay:2s}.circle-violet{width:250px;height:250px;background:linear-gradient(135deg,#c4b5fd,#a78bfa);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-10px) scale(1.05)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(10px,10px) scale(1.02)}}.floating-stats{position:relative;z-index:2}.stat-badge{position:absolute;background:#fff;border-radius:16px;padding:1.2rem 1.5rem;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .3s ease;animation:slideIn .6s ease-out forwards;opacity:0}.stat-badge:hover{transform:translateY(-5px);box-shadow:0 15px 50px #8b5cf640}.badge-1{top:10%;left:5%;animation-delay:.2s}.badge-2{top:45%;right:8%;animation-delay:.4s}.badge-3{bottom:15%;left:8%;animation-delay:.6s}.badge-4{top:8%;right:15%;animation-delay:.8s}.badge-5{bottom:12%;right:5%;animation-delay:1s}.badge-6{top:52%;left:3%;animation-delay:1.2s}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-1 .badge-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#f59e0b}.badge-2 .badge-icon-wrapper{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#8b5cf6}.badge-3 .badge-icon-wrapper{background:linear-gradient(135deg,#fed7aa,#fbbf24);color:#f97316}.badge-4 .badge-icon-wrapper{background:linear-gradient(135deg,#c4b5fd,#a78bfa);color:#7c3aed}.badge-5 .badge-icon-wrapper{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#2563eb}.badge-6 .badge-icon-wrapper{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.badge-content{display:flex;flex-direction:column;gap:.1rem}.badge-value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.badge-label{font-size:.85rem;color:#718096;font-weight:500}.center-emblem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#fff,#f7fafc);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #00000026;border:8px solid #ffffff;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 20px 60px #00000026}50%{box-shadow:0 20px 80px #8b5cf64d}}.emblem-content{text-align:center}.emblem-year{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.3rem}.emblem-text{font-size:1.1rem;font-weight:600;color:#718096;letter-spacing:.1em}.story-right{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.story-text{font-size:1.05rem;color:#718096;line-height:1.8;margin:0}.story-text strong{background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.about-values{padding:6rem 0;background:linear-gradient(135deg,#f7fafc,#fff)}.values-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 2rem}.section-description{font-size:1.1rem;color:#718096;line-height:1.7;margin:0}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.value-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:1px solid #e2e8f0}.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #8b5cf626}.value-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative}.value-icon-1{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.value-icon-1:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#f59e0b,#f97316);opacity:.15}.value-icon-2{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.value-icon-2:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);opacity:.15}.value-icon-3{background:linear-gradient(135deg,#a7f3d0,#6ee7b7)}.value-icon-3:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669);opacity:.15}.value-icon-4{background:linear-gradient(135deg,#fed7aa,#fdba74)}.value-icon-4:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#f97316,#ea580c);opacity:.15}.value-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.value-description{font-size:1rem;color:#718096;line-height:1.7;margin:0}.about-cta{padding:6rem 0;background:linear-gradient(135deg,#ede9fe,#fef3c7);position:relative;overflow:hidden}.about-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:linear-gradient(135deg,#f59e0b26,#8b5cf626);filter:blur(80px)}.cta-content{text-align:center;max-width:800px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.cta-title{font-size:3rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;line-height:1.3}.cta-description{font-size:1.2rem;color:#4a5568;line-height:1.7;margin:0 0 3rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:1.2rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.cta-btn-primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 10px 30px #8b5cf64d}.cta-btn-primary:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-3px);box-shadow:0 15px 40px #f9731666}.cta-btn-secondary{background:#fff;color:#8b5cf6;border:2px solid #8b5cf6;box-shadow:0 4px 15px #0000001a}.cta-btn-secondary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border-color:#f97316;box-shadow:0 8px 25px #f973164d}@media(max-width:1024px){.about-hero-stats{grid-template-columns:repeat(2,1fr);gap:2rem}.about-story-content{grid-template-columns:1fr;gap:3rem}.values-grid{grid-template-columns:1fr}.story-visual-grid{max-width:500px;margin:0 auto}.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-hero{padding:4rem 0 1.5rem}.about-hero-title{font-size:2.5rem}.about-hero-description{font-size:1.1rem}.about-hero-stats{grid-template-columns:repeat(2,1fr);gap:2rem}.stat-number{font-size:2.2rem}.about-story{padding:1.5rem 0 4rem}.about-values,.about-team,.about-cta{padding:4rem 0}.section-title{font-size:2rem}.story-visual-modern{max-width:400px}.center-emblem{width:140px;height:140px;border:6px solid #ffffff}.emblem-year{font-size:2.2rem}.emblem-text{font-size:.95rem}.stat-badge{padding:1rem 1.2rem}.badge-icon-wrapper{width:40px;height:40px}.badge-value{font-size:1.2rem}.badge-label{font-size:.75rem}.team-grid{grid-template-columns:1fr;gap:2rem}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px}}.faq-page{min-height:100vh;background:linear-gradient(135deg,#f7f5ff,#faf8ff,#f0f3ff)}.faq-hero{padding:10rem 0 4rem;background:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);position:relative;overflow:hidden}.faq-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);border-radius:50%}.faq-hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(249,115,22,.1) 0%,transparent 70%);border-radius:50%}.faq-hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.faq-hero-title{font-size:3.5rem;font-weight:600;color:#1a202c;margin:0 0 1.5rem;letter-spacing:-.02em;line-height:1.2}.title-normal{color:#1a202c}.title-orange{background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-highlight{background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.faq-hero-description{font-size:1.25rem;color:#6b7280;margin:0;line-height:1.6;font-weight:500}.faq-content{padding:4rem 0}.faq-intro{text-align:center;margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;max-width:800px;margin:0 auto 3rem}.faq-intro p{margin:0;color:#4a5568;font-size:1.05rem;line-height:1.6}.faq-link{color:#8b5cf6;text-decoration:none;font-weight:600;transition:color .3s ease}.faq-link:hover{color:#f97316}.faq-section{margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.faq-category-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;padding-left:1rem;border-left:4px solid;border-image:linear-gradient(180deg,#a78bfa,#f97316) 1}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.faq-item:hover{box-shadow:0 8px 24px #8b5cf626;transform:translateY(-2px)}.faq-item.active{border-color:#a78bfa;box-shadow:0 8px 24px #8b5cf633}.faq-question{width:100%;padding:1.5rem 2rem;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;transition:all .3s ease;gap:1rem}.faq-question:hover{background:linear-gradient(90deg,#a78bfa0d,#f973160d)}.faq-question-text{font-size:1.1rem;font-weight:600;color:#1a202c;line-height:1.5}.faq-icon{flex-shrink:0;color:#8b5cf6;transition:transform .3s ease,color .3s ease}.faq-icon.rotated{transform:rotate(180deg);color:#f97316}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease;padding:0 2rem}.faq-answer.show{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{margin:0;color:#4a5568;font-size:1rem;line-height:1.7;padding-top:.5rem;border-top:1px solid #e5e7eb}.faq-cta{padding:4rem 0 6rem}.faq-cta-card{background:linear-gradient(135deg,#a78bfa1a,#f973160d);border-radius:24px;padding:4rem 2rem;text-align:center;max-width:700px;margin:0 auto;box-shadow:0 20px 60px #8b5cf626;border:1px solid rgba(167,139,250,.2);position:relative;overflow:hidden}.faq-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a78bfa,#f97316)}.faq-cta-icon{width:100px;height:100px;margin:0 auto 2rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #8b5cf64d}.faq-cta-icon svg{color:#fff;stroke:#fff}.faq-cta-title{font-size:2.25rem;font-weight:800;color:#1a202c;margin:0 0 1rem;letter-spacing:-.01em}.faq-cta-description{font-size:1.1rem;color:#6b7280;margin:0 0 2rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.faq-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.faq-cta-btn{padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;letter-spacing:.02em}.faq-cta-btn.primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 8px 24px #8b5cf64d}.faq-cta-btn.primary:hover{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 12px 32px #f9731666;transform:translateY(-3px)}.faq-cta-btn.secondary{background:#fff;color:#8b5cf6;border:2px solid #a78bfa;box-shadow:0 4px 16px #8b5cf61a}.faq-cta-btn.secondary:hover{background:linear-gradient(90deg,#a78bfa1a,#f973161a);border-color:#f97316;color:#f97316;transform:translateY(-3px);box-shadow:0 8px 20px #f9731633}@media(max-width:768px){.faq-hero{padding:8rem 0 3rem}.faq-hero-title{font-size:2.5rem}.faq-hero-description{font-size:1.05rem}.faq-content{padding:3rem 0}.faq-section{padding:0 1rem}.faq-category-title{font-size:1.5rem}.faq-question{padding:1.25rem 1.5rem}.faq-question-text{font-size:1rem}.faq-answer{padding:0 1.5rem}.faq-answer.show{padding:0 1.5rem 1.25rem}.faq-cta-card{padding:3rem 1.5rem}.faq-cta-title{font-size:1.75rem}.faq-cta-buttons{flex-direction:column}.faq-cta-btn{width:100%}.faq-intro{padding:1.25rem;margin:0 1rem 2rem}}.terms-professional-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1200;padding:20px;animation:terms-fadeIn .3s ease}.terms-professional-container{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000001a,0 1px 3px #0000000d;animation:terms-slideUp .3s ease;overflow:hidden;border:1px solid #e5e7eb}.terms-professional-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;border-bottom:1px solid #f3f4f6;background:#fafafa}.terms-professional-header-content{flex:1}.terms-professional-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 8px;letter-spacing:-.025em;line-height:1.2}.terms-professional-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.terms-professional-close{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:36px;height:36px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:16px}.terms-professional-close:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.terms-professional-close:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.terms-professional-content{flex:1;overflow-y:auto;padding:0}.terms-professional-content::-webkit-scrollbar{width:6px}.terms-professional-content::-webkit-scrollbar-track{background:#f9fafb}.terms-professional-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.terms-professional-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.terms-professional-intro{padding:32px 32px 24px;border-bottom:1px solid #f3f4f6;background:#fdfdfd}.terms-professional-intro p{font-size:16px;line-height:1.6;color:#4b5563;margin:0}.terms-professional-sections{padding:32px}.terms-professional-section{margin-bottom:40px}.terms-professional-section:last-child{margin-bottom:0}.terms-professional-section h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px;letter-spacing:-.025em;line-height:1.3}.terms-professional-section h3{font-size:16px;font-weight:600;color:#374151;margin:24px 0 12px;line-height:1.4}.terms-professional-section p{font-size:15px;line-height:1.6;color:#4b5563;margin:0 0 16px}.terms-professional-section p:last-child{margin-bottom:0}.terms-professional-subsection{margin-bottom:24px}.terms-professional-subsection:last-child{margin-bottom:0}.terms-professional-section ul{list-style:none;padding:0;margin:0 0 16px}.terms-professional-section li{font-size:15px;line-height:1.6;color:#4b5563;margin:8px 0;padding-left:24px;position:relative}.terms-professional-section li:before{content:"";position:absolute;left:8px;top:12px;width:4px;height:4px;background:#6b7280;border-radius:50%}.terms-professional-contact{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #f3f4f6;margin-top:16px}.terms-professional-contact p{margin:0 0 8px;font-size:14px}.terms-professional-contact p:last-child{margin-bottom:0}.terms-professional-contact a{color:#3b82f6;text-decoration:none;font-weight:500}.terms-professional-contact a:hover{color:#2563eb;text-decoration:underline}.terms-professional-footer{padding:24px 32px;border-top:1px solid #f3f4f6;background:#fafafa}.terms-professional-footer-content{display:flex;justify-content:space-between;align-items:center}.terms-professional-footer p{margin:0;font-size:14px;color:#6b7280}.terms-professional-footer-links{display:flex;gap:16px}.terms-professional-footer-link{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.terms-professional-footer-link:hover{background:#f3f4f6;color:#374151}@keyframes terms-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes terms-slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.terms-professional-overlay{padding:16px}.terms-professional-container{max-width:100%;max-height:95vh;border-radius:8px}.terms-professional-header{padding:24px 24px 20px}.terms-professional-title{font-size:24px}.terms-professional-close{width:32px;height:32px;margin-left:12px}.terms-professional-intro{padding:24px 24px 20px}.terms-professional-sections{padding:24px}.terms-professional-section{margin-bottom:32px}.terms-professional-section h2{font-size:18px;margin-bottom:12px}.terms-professional-contact{padding:16px}.terms-professional-footer{padding:20px 24px}.terms-professional-footer-content{flex-direction:column;gap:12px;align-items:flex-start}}@media(max-width:480px){.terms-professional-container{margin:8px;max-height:calc(100vh - 16px)}.terms-professional-header,.terms-professional-intro{padding:20px 20px 16px}.terms-professional-sections{padding:20px}.terms-professional-footer{padding:16px 20px}}.privacy-professional-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1200;padding:20px;animation:privacy-fadeIn .3s ease}.privacy-professional-container{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000001a,0 1px 3px #0000000d;animation:privacy-slideUp .3s ease;overflow:hidden;border:1px solid #e5e7eb}.privacy-professional-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;border-bottom:1px solid #f3f4f6;background:#fafafa}.privacy-professional-header-content{flex:1}.privacy-professional-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 8px;letter-spacing:-.025em;line-height:1.2}.privacy-professional-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.privacy-professional-close{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:36px;height:36px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:16px}.privacy-professional-close:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.privacy-professional-close:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.privacy-professional-content{flex:1;overflow-y:auto;padding:0}.privacy-professional-content::-webkit-scrollbar{width:6px}.privacy-professional-content::-webkit-scrollbar-track{background:#f9fafb}.privacy-professional-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.privacy-professional-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.privacy-professional-intro{padding:32px 32px 24px;border-bottom:1px solid #f3f4f6;background:#fdfdfd}.privacy-professional-intro p{font-size:16px;line-height:1.6;color:#4b5563;margin:0}.privacy-professional-sections{padding:32px}.privacy-professional-section{margin-bottom:40px}.privacy-professional-section:last-child{margin-bottom:0}.privacy-professional-section h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px;letter-spacing:-.025em;line-height:1.3}.privacy-professional-section h3{font-size:16px;font-weight:600;color:#374151;margin:24px 0 12px;line-height:1.4}.privacy-professional-section p{font-size:15px;line-height:1.6;color:#4b5563;margin:0 0 16px}.privacy-professional-section p:last-child{margin-bottom:0}.privacy-professional-subsection{margin-bottom:24px}.privacy-professional-subsection:last-child{margin-bottom:0}.privacy-professional-section ul{list-style:none;padding:0;margin:0 0 16px}.privacy-professional-section li{font-size:15px;line-height:1.6;color:#4b5563;margin:8px 0;padding-left:24px;position:relative}.privacy-professional-section li:before{content:"";position:absolute;left:8px;top:12px;width:4px;height:4px;background:#6b7280;border-radius:50%}.privacy-professional-policy-note{background:#eff6ff;padding:16px;border-radius:8px;border-left:4px solid #3b82f6;margin:20px 0}.privacy-professional-policy-note p{margin:0;color:#1e40af;font-size:14px}.privacy-professional-info-box{background:#f0fdf4;padding:16px;border-radius:8px;border-left:4px solid #10b981;margin:20px 0}.privacy-professional-info-box p{margin:0;color:#065f46;font-size:14px}.privacy-professional-contact{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #f3f4f6;margin-top:16px}.privacy-professional-contact p{margin:0 0 8px;font-size:14px}.privacy-professional-contact p:last-child{margin-bottom:0}.privacy-professional-contact a{color:#3b82f6;text-decoration:none;font-weight:500}.privacy-professional-contact a:hover{color:#2563eb;text-decoration:underline}.privacy-professional-footer{padding:24px 32px;border-top:1px solid #f3f4f6;background:#fafafa}.privacy-professional-footer-content{display:flex;justify-content:space-between;align-items:center}.privacy-professional-footer p{margin:0;font-size:14px;color:#6b7280}.privacy-professional-footer-links{display:flex;gap:16px}.privacy-professional-footer-link{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.privacy-professional-footer-link:hover{background:#f3f4f6;color:#374151}@keyframes privacy-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes privacy-slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.privacy-professional-overlay{padding:16px}.privacy-professional-container{max-width:100%;max-height:95vh;border-radius:8px}.privacy-professional-header{padding:24px 24px 20px}.privacy-professional-title{font-size:24px}.privacy-professional-close{width:32px;height:32px;margin-left:12px}.privacy-professional-intro{padding:24px 24px 20px}.privacy-professional-sections{padding:24px}.privacy-professional-section{margin-bottom:32px}.privacy-professional-section h2{font-size:18px;margin-bottom:12px}.privacy-professional-policy-note,.privacy-professional-info-box,.privacy-professional-contact{padding:16px}.privacy-professional-footer{padding:20px 24px}.privacy-professional-footer-content{flex-direction:column;gap:12px;align-items:flex-start}}@media(max-width:480px){.privacy-professional-container{margin:8px;max-height:calc(100vh - 16px)}.privacy-professional-header,.privacy-professional-intro{padding:20px 20px 16px}.privacy-professional-sections{padding:20px}.privacy-professional-footer{padding:16px 20px}}.help-center-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1200;padding:20px;animation:help-center-fadeIn .3s ease}.help-center-container{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000001a,0 1px 3px #0000000d;animation:help-center-slideUp .3s ease;overflow:hidden;border:1px solid #e5e7eb}.help-center-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;border-bottom:1px solid #f3f4f6;background:#fafafa}.help-center-header-content{flex:1}.help-center-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 8px;letter-spacing:-.025em;line-height:1.2}.help-center-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.help-center-close{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:36px;height:36px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:16px}.help-center-close:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.help-center-close:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.help-center-content{flex:1;overflow-y:auto;padding:0}.help-center-content::-webkit-scrollbar{width:6px}.help-center-content::-webkit-scrollbar-track{background:#f9fafb}.help-center-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.help-center-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.help-center-intro{padding:32px 32px 24px;border-bottom:1px solid #f3f4f6;background:#fdfdfd}.help-center-intro h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px;letter-spacing:-.025em;line-height:1.3}.help-center-intro p{font-size:16px;line-height:1.6;color:#4b5563;margin:0}.help-center-sections{padding:32px}.help-center-section{margin-bottom:32px;padding:24px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.help-center-section:last-child{margin-bottom:0}.help-center-section h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;letter-spacing:-.025em;line-height:1.3}.help-center-section p{font-size:15px;line-height:1.6;color:#4b5563;margin:0 0 12px}.help-center-section ul{margin:0;padding-left:20px;list-style:none}.help-center-section ul li{font-size:15px;line-height:1.6;color:#4b5563;margin-bottom:8px;padding-left:16px;position:relative}.help-center-section ul li:before{content:"•";color:#6b7280;font-weight:700;position:absolute;left:0}.help-center-contact{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #f3f4f6;margin-top:16px}.help-center-contact p{margin:0 0 8px;font-size:14px;color:#4b5563}.help-center-contact p:last-child{margin-bottom:0}.help-center-contact a{color:#3b82f6;text-decoration:none;font-weight:500}.help-center-contact a:hover{color:#2563eb;text-decoration:underline}.help-center-footer{padding:24px 32px;border-top:1px solid #f3f4f6;background:#fafafa}.help-center-footer-content{display:flex;justify-content:center;align-items:center}.help-center-footer-link{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.help-center-footer-link:hover{background:#f3f4f6;color:#374151}@keyframes help-center-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes help-center-slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.help-center-overlay{padding:16px}.help-center-container{max-width:100%;max-height:95vh;border-radius:8px}.help-center-header{padding:24px 20px 20px;flex-direction:column;align-items:flex-start}.help-center-close{align-self:flex-end;margin:-8px 0 12px auto}.help-center-title{font-size:24px;margin-bottom:4px}.help-center-subtitle{font-size:13px}.help-center-intro{padding:24px 20px 20px}.help-center-intro h2{font-size:18px}.help-center-sections{padding:0 20px 20px}.help-center-section{margin-bottom:20px;padding:20px}.help-center-section h3{font-size:16px}.help-center-footer{padding:20px}}@media(max-width:480px){.help-center-title{font-size:20px}.help-center-intro{padding:20px 16px 16px}.help-center-sections{padding:0 16px 16px}.help-center-section{margin-bottom:16px;padding:16px}.help-center-section h3{font-size:15px}.help-center-section ul li,.help-center-section p{font-size:14px}.help-center-footer{padding:16px}}.contact-page{min-height:100vh;background:#fff}.contact-hero{position:relative;padding:9rem 0 2.5rem;background:linear-gradient(135deg,#f0f9ff,#faf5ff,#fef3c7);overflow:hidden}.contact-hero-background{position:absolute;inset:0;overflow:hidden;z-index:1}.contact-hero-circle{position:absolute;border-radius:50%;opacity:.4}.contact-circle-1{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);top:-200px;right:-100px;animation:contact-float 20s ease-in-out infinite}.contact-circle-2{width:300px;height:300px;background:radial-gradient(circle,rgba(249,115,22,.15) 0%,transparent 70%);bottom:-100px;left:-50px;animation:contact-float 15s ease-in-out infinite reverse}.contact-circle-3{width:200px;height:200px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:contact-pulse 10s ease-in-out infinite}@keyframes contact-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}@keyframes contact-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}.contact-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.contact-hero-title{font-size:3rem;font-weight:700;margin:0 0 .4rem;line-height:1.2;color:#1a202c}.contact-hero-subtitle{font-size:1.6rem;font-weight:600;margin:0 0 .8rem;line-height:1.3}.contact-title-normal{color:#1a202c}.contact-title-highlight{background:linear-gradient(90deg,#f59e0b,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero-description{font-size:1.05rem;color:#6b7280;margin:0;line-height:1.6}.contact-options{padding:2.5rem 0 3rem;background:#fff}.contact-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 2rem}.contact-option-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem 2.5rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start}.contact-option-card:hover{border-color:#8b5cf6;box-shadow:0 10px 30px #8b5cf61a;transform:translateY(-5px)}.contact-option-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#fff}.contact-icon-support{background:linear-gradient(135deg,#c4b5fd,#8b5cf6)}.contact-option-title{font-size:1.35rem;font-weight:700;color:#1a202c;margin:0 0 .75rem}.contact-option-description{font-size:.95rem;color:#6b7280;line-height:1.5;margin:0 0 1.25rem}.contact-option-link{font-size:1.15rem;font-weight:600;color:#8b5cf6;text-decoration:none;margin-bottom:.4rem;transition:color .3s ease}.contact-option-link:hover{color:#f97316;text-decoration:underline}.contact-coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#f3e8ff,#ede9fe);color:#7c3aed;font-size:.95rem;font-weight:600;padding:.45rem 1rem;border-radius:20px;border:1.5px dashed #a78bfa;letter-spacing:.02em;margin-top:.2rem}.contact-option-secondary{font-size:.95rem;color:#8b5cf6;text-decoration:none;transition:color .3s ease}.contact-option-secondary:hover{color:#f97316;text-decoration:underline}.contact-option-secondary-btn{font-size:.95rem;color:#8b5cf6;background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color .3s ease;font-weight:500}.contact-option-secondary-btn:hover{color:#f97316;text-decoration:underline}.contact-option-button{display:inline-block;padding:.75rem 1.75rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-weight:600;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;margin-top:auto;font-size:.95rem}.contact-option-button:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.contact-form-section{padding:3rem 0 4rem;background:linear-gradient(135deg,#f7fafc,#faf5ff)}.contact-form-wrapper{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000014}.contact-form-header{text-align:center;margin-bottom:2rem}.contact-form-title{font-size:2rem;font-weight:700;margin:0 0 .75rem;color:#1a202c}.contact-form-title-normal{color:#1a202c}.contact-form-title-highlight{background:linear-gradient(90deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-form-subtitle{font-size:.95rem;color:#6b7280;margin:0}.contact-alert{padding:1rem 1.25rem;border-radius:10px;margin-bottom:2rem;font-size:.95rem;font-weight:500}.contact-alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #34d399}.contact-alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #f87171}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.contact-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.contact-form-group{display:flex;flex-direction:column;gap:.5rem}.contact-form-label{font-size:.95rem;font-weight:600;color:#374151}.contact-form-input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;color:#1a202c;transition:all .3s ease;font-family:inherit}.contact-form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.contact-form-input::placeholder{color:#9ca3af}.contact-form-select{cursor:pointer;background-color:#fff}.contact-form-textarea{resize:vertical;min-height:120px}.contact-form-submit{padding:1rem 2.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-size:1.05rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start}.contact-form-submit:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.contact-form-submit:disabled{opacity:.6;cursor:not-allowed}.contact-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:contact-spin .8s linear infinite}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-info-section{padding:3rem 0 4rem;background:#fff}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 2rem}.contact-info-card{background:linear-gradient(135deg,#f7fafc,#fff);border:2px solid #e5e7eb;border-radius:16px;padding:1.75rem;text-align:center;transition:all .3s ease}.contact-info-card:hover{border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf61a;transform:translateY(-5px)}.contact-info-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#fff}.contact-info-card:nth-child(2) .contact-info-icon{background:linear-gradient(135deg,#c4b5fd,#8b5cf6)}.contact-info-card:nth-child(3) .contact-info-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.contact-info-title{font-size:1.15rem;font-weight:700;color:#1a202c;margin:0 0 .6rem}.contact-info-text{font-size:.95rem;color:#374151;font-weight:600;margin:0 0 .4rem}.contact-info-note{font-size:.9rem;color:#6b7280;margin:0}@media(max-width:1024px){.contact-hero-title{font-size:2.25rem}.contact-options-grid{gap:1.25rem}.contact-option-card{padding:1.75rem 2rem}}@media(max-width:768px){.contact-hero{padding:6rem 0 2.5rem}.contact-hero-title{font-size:2rem}.contact-hero-description{font-size:1rem}.contact-options-grid{grid-template-columns:1fr;padding:0 1.5rem}.contact-option-card{padding:1.5rem}.contact-form-wrapper{padding:2rem 1.5rem}.contact-form-row{grid-template-columns:1fr;gap:1.25rem}.contact-form-title{font-size:1.75rem}.contact-form-submit{width:100%}.contact-info-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 1.5rem}}@media(max-width:480px){.contact-hero{padding:5rem 0 2rem}.contact-hero-title{font-size:1.75rem}.contact-hero-description{font-size:.95rem}.contact-option-icon{width:56px;height:56px}.contact-option-icon svg{width:28px;height:28px}.contact-option-title{font-size:1.2rem}.contact-form-title{font-size:1.5rem}.contact-form-wrapper{padding:1.5rem 1rem}}.footer{background:linear-gradient(135deg,#fff,#f7fafc);padding:4rem 0 2rem}.footer-content{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem;padding-bottom:3rem}.footer-section{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;gap:.5rem;align-items:center;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.footer-logo-part{display:inline-block}.footer-logo-orange{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo-block{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.footer-logo-tagline{font-size:1.35rem;font-weight:600;margin-top:.1rem;background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em}.footer-description{font-size:.95rem;line-height:1.6;color:#718096;max-width:280px}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-link{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f7fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .3s ease;text-decoration:none}.social-link:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #8b5cf633}.footer-heading{font-size:1.1rem;font-weight:700;color:#1a202c;margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li a{color:#718096;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}.footer-links li a:hover{color:#8b5cf6;transform:translate(5px)}.newsletter-text{font-size:.9rem;color:#718096;line-height:1.5;margin:0}.newsletter-form{display:flex;gap:.5rem;align-items:center}.newsletter-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:25px;font-size:.9rem;outline:none;transition:all .3s ease;background:#fff;color:#1a202c}.newsletter-input::placeholder{color:#a0aec0}.newsletter-input:focus{border-color:#a78bfa}.newsletter-btn{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.newsletter-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 10px 20px #f973164d}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem}.copyright{font-size:.9rem;color:#718096;margin:0}.footer-bottom-links{display:flex;gap:1rem;align-items:center}.footer-bottom-links a{color:#718096;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#8b5cf6}.separator{color:#cbd5e0}@media(max-width:1200px){.footer-top{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem}.footer-section:nth-child(3){display:none}}@media(max-width:768px){.footer{padding:3rem 0 1.5rem}.footer-content{padding:0 1rem}.footer-top{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;padding-bottom:2rem}.footer-section:nth-child(3),.footer-section:nth-child(4){display:flex}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;padding-top:1.5rem}.footer-logo{font-size:1.5rem}.footer-description{max-width:100%}}.auth-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-in-out}.auth-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:2.5rem;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.close-btn{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;font-size:1.5rem;color:#fff;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;font-weight:300;line-height:1}.close-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:scale(1.05)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2rem;font-weight:800;margin-bottom:1rem;display:flex;justify-content:center;gap:.5rem}.auth-logo-orange{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.auth-subtitle{color:#6b7280;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:.8rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.form-group input{padding:.85rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background-color:#fff;color:#1f2937}.form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:1rem;background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.password-toggle:hover{transform:scale(1.1)}.error-message{color:#ef4444;font-size:.8rem;margin-top:-.25rem}.submit-btn{margin-top:.5rem;padding:1rem;background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d}.signup-referral-optional{font-size:.78rem;color:#9ca3af;font-weight:400;margin-left:4px}.signup-referral-hint{display:block;font-size:.78rem;color:#9ca3af;margin-top:5px}.submit-btn:hover{background:linear-gradient(90deg,#fb923c,#ea580c);transform:translateY(-2px);box-shadow:0 6px 20px #fb923c80}.submit-btn:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:1.5rem;color:#6b7280;font-size:.95rem}.auth-footer span{color:#6b7280}.auth-link{color:#8b5cf6;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:#f97316;text-decoration:underline}.auth-container::-webkit-scrollbar{width:8px}.auth-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.auth-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#8b5cf6);border-radius:10px}.auth-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f97316,#7c3aed)}@media(max-width:640px){.auth-container{padding:2rem 1.5rem;max-width:95%}.form-row{grid-template-columns:1fr}.auth-logo,.auth-title{font-size:1.5rem}.otp-input-group{gap:8px}.otp-box{width:42px;height:52px;font-size:1.5rem}}.otp-steps{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 1.75rem}.otp-step{display:flex;flex-direction:column;align-items:center;gap:4px}.otp-step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;border:2px solid #e5e7eb;background:#f3f4f6;color:#9ca3af;transition:all .3s ease}.otp-step.active .otp-step-num{background:linear-gradient(135deg,#f97316,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 4px 12px #7c3aed59}.otp-step.done .otp-step-num{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff}.otp-step-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#9ca3af;text-transform:uppercase}.otp-step.active .otp-step-label,.otp-step.done .otp-step-label{color:#374151}.otp-step-line{flex:1;height:2px;background:#e5e7eb;margin:0 10px 20px;min-width:40px;max-width:80px;border-radius:2px}.otp-input-group{display:flex;justify-content:center;gap:10px;margin:1.5rem 0}.otp-box{width:48px;height:58px;border:2px solid #e5e7eb;border-radius:12px;font-size:1.75rem;font-weight:700;text-align:center;color:#1a1a2e;background:#fafafa;outline:none;transition:border-color .2s,box-shadow .2s,transform .15s;caret-color:transparent}.otp-box:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed2e;transform:scale(1.05)}.otp-box--filled{border-color:#7c3aed;background:linear-gradient(135deg,#fdf4ff,#ede9fe);color:#7c3aed}.otp-box--error{border-color:#ef4444;background:#fff5f5;animation:otpShake .4s ease}@keyframes otpShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.otp-timer-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 .75rem;gap:8px;flex-wrap:wrap}.otp-timer{display:flex;align-items:center;gap:5px;font-size:.88rem;color:#6b7280;margin:0}.otp-timer svg{flex-shrink:0;color:#f97316}.otp-timer-count{font-weight:700;color:#f97316;font-variant-numeric:tabular-nums}.otp-timer--expired{color:#ef4444}.otp-resend-btn{background:none;border:none;padding:4px 0;font-size:.88rem;font-weight:600;color:#d1d5db;cursor:default;transition:color .2s}.otp-resend-btn.active{color:#7c3aed;cursor:pointer;text-decoration:underline}.otp-resend-btn.active:hover{color:#5b21b6}.otp-help{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#9ca3af;margin-bottom:1.25rem}.otp-help svg{flex-shrink:0}.otp-back-btn{display:block;width:100%;margin-top:.75rem;background:none;border:none;font-size:.875rem;color:#7c3aed;cursor:pointer;font-weight:500;transition:color .2s;text-align:center;padding:6px 0}.otp-back-btn:hover{color:#5b21b6}.btn-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}.kl-university-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:10px;margin-top:2px;animation:klBadgeFadeIn .35s ease-out}.kl-university-badge svg{flex-shrink:0;color:#059669}.kl-university-badge span{font-size:.82rem;font-weight:500;color:#065f46;line-height:1.4}@keyframes klBadgeFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.login-container{max-width:450px}.alert{padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #f87171}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #34d399}.login-options{display:flex;justify-content:space-between;align-items:center;margin:-.5rem 0 .5rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#374151;font-size:.9rem}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f59e0b}.remember-me span{-webkit-user-select:none;user-select:none}.forgot-password{color:#8b5cf6;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease}.forgot-password:hover{color:#f97316;text-decoration:underline}@media(max-width:640px){.login-options{flex-direction:column;align-items:flex-start;gap:.75rem}}.fp-container{max-width:450px}.fp-steps{display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.fp-step-item{display:flex;align-items:center}.fp-step-dot{width:34px;height:34px;border-radius:50%;background:#f3f4f6;color:#9ca3af;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;transition:all .3s ease;flex-shrink:0}.fp-dot-active{background:linear-gradient(135deg,#f97316,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 0 0 4px #8b5cf626}.fp-dot-done{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;box-shadow:none}.fp-step-line{width:50px;height:3px;background:#e5e7eb;margin:0 6px;border-radius:2px;transition:background .3s ease}.fp-line-done{background:linear-gradient(90deg,#10b981,#059669)}.fp-mail-icon{width:72px;height:72px;background:linear-gradient(135deg,#f3e8ff,#fff5f0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:2px solid #e9d5ff}.fp-masked-email{color:#1f2937;font-weight:700}.fp-otp-wrapper{display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0 .5rem}.fp-otp-box{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#1a1a2e;outline:none;transition:all .2s ease;caret-color:transparent}.fp-otp-box:focus{border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 3px #8b5cf626}.fp-otp-filled{border-color:#8b5cf6;background:#faf5ff}.fp-resend-row{text-align:center;margin:.75rem 0 1.25rem;min-height:24px}.fp-timer-text{color:#6b7280;font-size:.9rem}.fp-resend-btn{background:none;border:none;color:#8b5cf6;font-size:.9rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.fp-resend-btn:hover:not(:disabled){color:#f97316;text-decoration:underline}.fp-resend-btn:disabled{opacity:.5;cursor:not-allowed}.fp-strength-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.fp-strength-bars{display:flex;gap:4px;flex:1}.fp-strength-bar{height:4px;flex:1;border-radius:2px;transition:background .3s ease}.fp-strength-label{font-size:.8rem;font-weight:600;white-space:nowrap;min-width:48px;text-align:right}.fp-btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.fp-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:fp-spin .7s linear infinite;display:inline-block}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.fp-success-icon{width:84px;height:84px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:2px solid #6ee7b7;animation:fp-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fp-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.fp-success-msg{margin-bottom:2rem;line-height:1.7}.fp-login-btn{min-width:200px}@media(max-width:480px){.fp-otp-box{width:40px;height:48px;font-size:1.25rem}.fp-otp-wrapper{gap:.35rem}.fp-step-line{width:32px}}.add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #06b6d44d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.cleanup-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #7c3aed4d}.cleanup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.cleanup-btn:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:none}.admin-dashboard{min-height:calc(100vh - 80px);padding:2rem 0;background-color:#f7fafc;padding-top:130px}.admin-container{max-width:1400px;margin:0 auto;padding:0 2rem}.admin-title{font-size:3rem;font-weight:700;color:#1a202c;margin-bottom:2rem;text-align:center}.message{padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px #0000001a;position:sticky;top:130px;z-index:999;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.tab{flex:1;padding:1rem 2rem;background:transparent;border:none;color:#718096;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab:hover{background:#f7fafc;color:#1a202c}.tab.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.tab-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f7fafc;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.75rem;font-weight:700;color:#1a202c}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.55rem 1.15rem;gap:.75rem;min-width:320px;max-width:380px;height:48px;transition:all .3s ease;box-shadow:0 2px 4px #0000000a}.search-bar:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f,0 4px 6px #0000000d;transform:translateY(-1px)}.search-bar svg{color:#8b5cf6;flex-shrink:0}.search-bar input,.search-input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:#1a202c;font-weight:500;height:32px;min-width:0}.search-bar input::placeholder,.search-input::placeholder{color:#94a3b8;font-weight:400}.clear-search{background:transparent;border:none;color:#718096;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.clear-search:hover{background:#e2e8f0;color:#1a202c}.add-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #06b6d44d}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf633}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#718096}.users-table-container{overflow-x:auto;border-radius:16px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 4px 20px #0000000d;margin-top:1rem}.users-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.users-table thead{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;position:sticky;top:0;z-index:10}.users-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#fff;border:none}.users-table tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f5f9}.users-table tbody tr:hover{background-color:#f8fafc}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:1.25rem 1.5rem;color:#475569;font-size:.95rem;font-weight:500;vertical-align:middle}.users-table td:first-child{font-weight:700;color:#8b5cf6}.difficulty-badge,.status-badge,.role-badge{padding:.4rem 1rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;border:none;white-space:nowrap}.difficulty-easy,.status-active{background:#dcfce7!important;color:#15803d!important}.difficulty-medium{background:#fef9c3!important;color:#a16207!important}.difficulty-hard,.status-inactive{background:#fee2e2!important;color:#b91c1c!important}.su-sub-tabs-wrapper{margin:1.5rem 0;display:flex;background:#f1f5f9;padding:.4rem;border-radius:14px;width:fit-content}.su-sub-tab{padding:.6rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.9rem;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.6rem;white-space:nowrap}.su-sub-tab:hover{color:#1e293b}.su-sub-tab.active{background:#fff;color:#8b5cf6;box-shadow:0 4px 12px #00000014}.action-buttons{display:flex;gap:.75rem;align-items:center}.edit-btn,.delete-btn,.save-btn,.cancel-btn{padding:.6rem 1.2rem;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.edit-btn{background:#f1f5f9;color:#6366f1}.edit-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.delete-btn{background:#fff1f2;color:#ef4444}.delete-btn:hover{background:#ffe4e6;transform:translateY(-1px)}.add-user-btn{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #06b6d433}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d44d}.no-results,.no-data{text-align:center;padding:4rem 2rem;color:#94a3b8;font-size:1rem;background:#f8fafc;border-radius:12px;margin:1rem 0;border:1px dashed #e2e8f0}.access-denied{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;margin-top:130px;box-shadow:0 2px 10px #0000000d}.access-denied h2{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ec4899,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.access-denied p{font-size:1.2rem;color:#718096}.coming-soon{text-align:center;padding:3rem;font-size:1.3rem;color:#718096;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.quiz-modal-large{max-width:800px!important}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f7fafc}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0}.close-modal{background:transparent;border:none;font-size:2rem;color:#718096;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-modal:hover{background:#f7fafc;color:#1a202c}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1a202c;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1a202c;background-color:#fff;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #f7fafc;justify-content:flex-end}.submit-btn{padding:.8rem 2.2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf62e}.submit-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px #8b5cf638}.modal-footer .cancel-btn{padding:.75rem 2rem;background:#e2e8f0;color:#1a202c;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-footer .cancel-btn:hover{background:#cbd5e0;transform:translateY(-2px)}.category-badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap}.course-status-badge{display:inline-flex;align-items:center;gap:6px;padding:.3rem .85rem;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.course-status-badge .status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.course-status-badge.status-ready{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.course-status-badge.status-ready .status-dot{background:#16a34a;box-shadow:0 0 0 2px #16a34a40}.course-status-badge.status-not-ready{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.course-status-badge.status-not-ready .status-dot{background:#d97706;box-shadow:0 0 0 2px #d9770640}.course-action-buttons{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.course-action-btn{display:inline-flex;align-items:center;gap:5px;padding:.38rem .85rem;border:none;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;letter-spacing:.2px;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.course-action-btn.edit-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.course-action-btn.edit-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #8b5cf659}.course-action-btn.delete-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.course-action-btn.delete-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f9731659}.toggle-ready-btn.toggle-ready{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.toggle-ready-btn.toggle-ready:hover{transform:translateY(-1px);box-shadow:0 3px 10px #10b98159}.toggle-ready-btn.toggle-unready{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.toggle-ready-btn.toggle-unready:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b59}.modal-large{max-width:800px}.modal-body textarea{width:100%;padding:.85rem 1.1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:Courier New,monospace;color:#1a202c;background-color:#fff;resize:vertical;transition:border-color .3s,box-shadow .3s;box-shadow:0 1px 3px #00000012}.modal-body textarea:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf621,0 2px 4px #00000014}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1a202c;background-color:#fff;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{width:100%;padding:.85rem 1.1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1a202c;background-color:#fff;resize:vertical;transition:border-color .3s,box-shadow .3s;box-shadow:0 1px 3px #00000012}.form-textarea:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf621,0 2px 4px #00000014}.challenge-modal-tabs{display:flex;gap:4px;padding:0 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto}.challenge-modal-tab{background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-weight:600;padding:10px 12px;cursor:pointer;white-space:nowrap;font-size:.85rem;transition:color .2s,border-color .2s}.challenge-modal-tab:hover{color:#7c3aed}.challenge-modal-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.courses-section .users-table th:nth-child(2),.courses-section .users-table td:nth-child(2){min-width:200px}@media(max-width:1200px){.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.75rem}}@media(max-width:768px){.admin-dashboard{padding-top:120px}.admin-title{font-size:2rem}.tabs{flex-direction:column}.tab{padding:.75rem 1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.search-bar{min-width:100%}.add-user-btn,.refresh-btn{width:100%;justify-content:center}.users-table-container{overflow-x:scroll}.action-buttons{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-large{max-width:95%}}.course-details-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.table-textarea:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf61f,0 2px 4px #0000000f}.editing-row{background-color:#faf5ff!important;box-shadow:0 4px 12px #8b5cf626!important}.editing-row td{padding:1.25rem!important;vertical-align:top}.no-results{text-align:center;padding:3rem;font-size:1.1rem;color:#718096;font-weight:500;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;margin-top:1.5rem}.syllabus-section{padding:1.5rem}.syllabus-content-wrapper{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-top:1.5rem;min-height:600px}.syllabus-selector-panel{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;height:fit-content}.selector-group{display:flex;flex-direction:column;gap:.5rem}.selector-group label{font-size:.9rem;font-weight:600;color:#2d3748}.syllabus-select{padding:.75rem;border:2px solid #cbd5e0;border-radius:8px;font-size:.95rem;color:#1a202c;background-color:#fff;cursor:pointer;transition:all .2s ease}.syllabus-select:hover{border-color:#8b5cf6}.syllabus-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.syllabus-status-badge{padding:.75rem;background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-radius:8px;text-align:center;font-weight:600;color:#2d3748;border:2px solid #cbd5e0}.status-draft{color:#f59e0b;background:#fef3c7;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700}.status-published{color:#10b981;background:#d1fae5;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700}.syllabus-editor-panel{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f8fafc;border-bottom:2px solid #e2e8f0;flex-wrap:wrap}.toolbar-btn{padding:.5rem .75rem;background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-size:.9rem;color:#2d3748;transition:all .2s ease;font-weight:600}.toolbar-btn:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6;transform:translateY(-1px)}.toolbar-divider{width:1px;height:24px;background:#cbd5e0;margin:0 .5rem}.preview-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6}.preview-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.syllabus-editor{flex:1;padding:1.5rem;border:none;font-family:Courier New,Monaco,monospace;font-size:.95rem;line-height:1.6;color:#1a202c;background-color:#fff;resize:none;min-height:500px}.syllabus-editor:focus{outline:none}.syllabus-preview{flex:1;padding:1.5rem;overflow-y:auto;background:#fafafa;min-height:500px}.editor-actions{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-top:2px solid #e2e8f0;justify-content:flex-end}.save-draft-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f59e0b4d}.save-draft-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.publish-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d}.publish-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#718096;text-align:center}.empty-state svg{margin-bottom:1.5rem;opacity:.5}.empty-state p{font-size:1.1rem;font-weight:500;color:#4a5568}.syllabus-preview .learn-page-content-display{color:#1a202c;background:#fff;padding:2rem;border-radius:8px}.syllabus-preview .learn-page-content-display h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #8b5cf6}.syllabus-preview .learn-page-content-display h3{font-size:1.35rem;font-weight:600;color:#2d3748;margin:1.25rem 0 .75rem}.syllabus-preview .learn-page-content-display p{font-size:1rem;line-height:1.8;color:#2d3748;margin:.75rem 0}.syllabus-preview .learn-page-content-display ul,.syllabus-preview .learn-page-content-display ol{margin:1rem 0;padding-left:2rem;color:#2d3748}.syllabus-preview .learn-page-content-display li{margin:.5rem 0;line-height:1.6;color:#2d3748}.syllabus-preview .learn-page-content-display code{background:#f7fafc;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;color:#e53e3e;border:1px solid #e2e8f0}.syllabus-preview .learn-page-content-display pre{background:#1a202c;color:#f7fafc;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:2px solid #2d3748}.syllabus-preview .learn-page-content-display pre code{background:none;color:#f7fafc;border:none;padding:0;font-size:.9rem;line-height:1.6}.syllabus-preview .learn-page-content-display img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 12px #0000001a}.syllabus-preview .learn-page-content-display strong{font-weight:700;color:#1a202c}.syllabus-preview .learn-page-content-display em{font-style:italic;color:#4a5568}@media(max-width:1024px){.syllabus-content-wrapper{grid-template-columns:1fr}.syllabus-selector-panel{grid-row:1}}.difficulty-badge{padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-block}.difficulty-beginner{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.difficulty-intermediate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.difficulty-advanced{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.featured-badge{padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a202c;display:inline-flex;align-items:center;gap:.25rem}.category-badge{padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;color:#fff;display:inline-block}.projects-section .header-actions{display:flex;align-items:center;gap:1rem}.no-results{padding:3rem;text-align:center;color:#9ca3af;font-size:1.1rem}.admin-pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0 1rem;margin-top:1.5rem;border-top:1px solid #e5e7eb}.admin-pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.admin-pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.admin-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-btn svg{width:16px;height:16px}.admin-pagination-numbers{display:flex;align-items:center;gap:.25rem}.admin-pagination-number{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-pagination-number:hover:not(.active){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.admin-pagination-number.active{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4;color:#fff;font-weight:600;box-shadow:0 4px 8px #06b6d44d}.admin-pagination-ellipsis{padding:0 .5rem;color:#9ca3af;font-weight:500}@media(max-width:768px){.admin-pagination-controls{flex-direction:column;gap:1rem}.admin-pagination-btn{width:100%;justify-content:center}}.admin-course-detail-edit-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:adminCourseDetailFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes adminCourseDetailFadeIn{0%{opacity:0}to{opacity:1}}.admin-course-detail-edit-modal-content{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;animation:adminCourseDetailSlideUp .3s ease-out}@keyframes adminCourseDetailSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-course-detail-edit-modal-header{padding:1.75rem 2rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f7fafc,#fff)}.admin-course-detail-edit-modal-header h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0}.admin-course-detail-edit-close-btn{background:transparent;border:none;font-size:2.5rem;color:#718096;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.admin-course-detail-edit-close-btn:hover{background:#f7fafc;color:#1a202c}.admin-course-detail-edit-modal-body{padding:2rem;overflow-y:auto;flex:1}.admin-course-detail-edit-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.admin-course-detail-edit-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-course-detail-full-width{grid-column:1 / -1}.admin-course-detail-edit-form-group label{font-size:.95rem;font-weight:600;color:#1a202c}.admin-course-detail-edit-input,.admin-course-detail-edit-select,.admin-course-detail-edit-textarea{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1a202c;background-color:#fff;transition:all .2s ease;font-family:inherit}.admin-course-detail-edit-input:focus,.admin-course-detail-edit-select:focus,.admin-course-detail-edit-textarea:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf61f,0 2px 4px #0000000f}.admin-course-detail-edit-textarea{resize:vertical;min-height:100px;font-family:Courier New,monospace;font-size:.9rem}.admin-course-detail-edit-modal-footer{padding:1.5rem 2rem;border-top:2px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;background:#f7fafc}.admin-course-detail-cancel-btn,.admin-course-detail-save-btn{padding:.85rem 2rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 6px #0000001a}.admin-course-detail-cancel-btn{background:#fff;color:#1a202c;border:2px solid #e2e8f0}.admin-course-detail-cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.admin-course-detail-save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-course-detail-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media(max-width:768px){.admin-course-detail-edit-modal-content{width:95%;max-height:95vh}.admin-course-detail-edit-form-grid{grid-template-columns:1fr}.admin-course-detail-edit-modal-header{padding:1.25rem 1.5rem}.admin-course-detail-edit-modal-header h2{font-size:1.5rem}.admin-course-detail-edit-modal-body{padding:1.5rem}.admin-course-detail-edit-modal-footer{padding:1.25rem 1.5rem;flex-direction:column-reverse}.admin-course-detail-cancel-btn,.admin-course-detail-save-btn{width:100%}}.ttcomm-page{min-height:100vh;background:#f9fafb;padding:7rem 0 0;position:relative}.ttcomm-page-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-align:center;letter-spacing:-.02em;display:flex;justify-content:center;gap:.5rem}.ttcomm-title-tt{color:#000}.ttcomm-title-community{background:linear-gradient(90deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ttcomm-page-subtitle{color:#6b7280;margin-bottom:2rem;text-align:center;font-size:1.15rem;font-weight:500}.ttcomm-hero{display:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.ttcomm-hero-small,.ttcomm-hero-title-small{display:none}.ttcomm-highlight{background:linear-gradient(90deg,#fbbf24,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ttcomm-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center}.ttcomm-empty-state{text-align:center;padding:3rem 2.5rem;background:#fff;border-radius:24px;box-shadow:0 20px 60px #8b5cf626,0 4px 16px #00000014;border:1px solid rgba(167,139,250,.2);position:relative;overflow:hidden;max-width:500px}.ttcomm-empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a78bfa,#8b5cf6,#7c3aed)}.ttcomm-empty-icon{width:64px;height:64px;color:#8b5cf6;margin:0 auto 1.5rem;filter:drop-shadow(0 4px 12px rgba(139,92,246,.2))}.ttcomm-empty-state h2{font-size:1.85rem;font-weight:800;color:#1f2937;margin:0 0 1rem;letter-spacing:-.01em}.ttcomm-empty-state p{font-size:1.05rem;color:#6b7280;line-height:1.6;margin:0 0 2rem;font-weight:500}.ttcomm-cta-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf64d;letter-spacing:.02em}.ttcomm-cta-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-3px);box-shadow:0 12px 32px #f9731666}.ttcomm-loader{width:60px;height:60px;border:5px solid #f3e8ff;border-top-color:#8b5cf6;border-right-color:#a78bfa;border-radius:50%;animation:ttcomm-spin .8s linear infinite;margin:0 auto 1rem;box-shadow:0 4px 16px #8b5cf633}@keyframes ttcomm-spin{to{transform:rotate(360deg)}}.ttcomm-chat-container{max-width:100%;margin:0;display:grid;grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 120px);padding:0}.ttcomm-sidebar{background:#fff;border-right:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000a}.ttcomm-sidebar-header{padding:1.5rem 1.25rem 1rem;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between}.ttcomm-sidebar-header h3{margin:0;font-size:.875rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.05em}.ttcomm-badge{background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700}.ttcomm-course-list{flex:1;overflow-y:auto;padding:.5rem}.ttcomm-course-list::-webkit-scrollbar{width:6px}.ttcomm-course-list::-webkit-scrollbar-track{background:transparent}.ttcomm-course-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.ttcomm-course-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.ttcomm-course-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.25rem .5rem;border-radius:10px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.ttcomm-course-item:hover{background:#f9fafb}.ttcomm-course-item.active{background:#eef2ff;box-shadow:0 0 0 1px #c7d2fe inset}.ttcomm-course-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 2px 2px 0}.ttcomm-course-icon{width:36px;height:36px;background:linear-gradient(135deg,#818cf8,#a78bfa);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ttcomm-course-item.active .ttcomm-course-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.ttcomm-course-icon svg{width:20px;height:20px;color:#fff}.ttcomm-course-info h4{margin:0 0 .125rem;font-size:.875rem;font-weight:600;color:#111827;line-height:1.3}.ttcomm-course-item.active .ttcomm-course-info h4{color:#4338ca}.ttcomm-course-info p{margin:0;font-size:.75rem;color:#9ca3af;font-weight:500}.ttcomm-chat-main{background:#fff;display:flex;flex-direction:column;overflow:hidden}.ttcomm-chat-header{padding:1.25rem 1.75rem;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000000d;z-index:10}.ttcomm-chat-header-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem}.ttcomm-chat-header-info h3:before{content:"#";color:#9ca3af;font-weight:600}.ttcomm-chat-header-info p{margin:0;font-size:.8125rem;color:#6b7280;font-weight:500}.ttcomm-messages{flex:1;overflow-y:auto;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;background:#f9fafb}.ttcomm-messages::-webkit-scrollbar{width:10px}.ttcomm-messages::-webkit-scrollbar-track{background:transparent}.ttcomm-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb}.ttcomm-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ttcomm-no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;padding:2rem}.ttcomm-no-messages svg{width:56px;height:56px;margin-bottom:1rem;opacity:.4}.ttcomm-no-messages p{margin:0;font-size:.9375rem;font-weight:500}.ttcomm-message{display:flex;gap:.75rem;animation:ttcomm-fadeIn .3s ease-in}@keyframes ttcomm-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ttcomm-message.own{flex-direction:row-reverse}.ttcomm-avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0;box-shadow:0 2px 8px #6366f133}.ttcomm-avatar-spacer{width:40px;flex-shrink:0}.ttcomm-message-content{max-width:65%;display:flex;flex-direction:column;gap:.25rem}.ttcomm-message.own .ttcomm-message-content{align-items:flex-end}.ttcomm-message-name{font-size:.875rem;font-weight:700;color:#111827;margin-bottom:.375rem}.ttcomm-message-bubble{background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a;color:#111827;border:1px solid #f3f4f6}.ttcomm-message.own .ttcomm-message-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 2px 8px #6366f140}.ttcomm-message-bubble p{margin:0 0 .5rem;font-size:.9375rem;line-height:1.5;word-wrap:break-word;color:inherit}.ttcomm-message-bubble p:last-of-type{margin-bottom:0}.ttcomm-message-time{font-size:.75rem;opacity:.7;margin-top:.5rem}.ttcomm-message.own .ttcomm-message-time{color:#ffffffe6}.ttcomm-attachment{margin-top:.5rem}.ttcomm-image-attachment{position:relative;border-radius:10px;overflow:hidden;max-width:320px;cursor:pointer;border:1px solid #e5e7eb;transition:all .15s}.ttcomm-image-attachment:hover{box-shadow:0 4px 12px #0000001a}.ttcomm-image-preview{width:100%;height:auto;display:block;border-radius:10px}.ttcomm-image-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.ttcomm-image-attachment:hover .ttcomm-image-overlay{background:#00000080;opacity:1}.ttcomm-download-btn-small{background:#fff;color:#6366f1;border:none;padding:.625rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 2px 8px #00000026}.ttcomm-download-btn-small:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.ttcomm-file-attachment{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;max-width:400px;transition:all .15s}.ttcomm-file-attachment:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f;background:#f3f4f6}.ttcomm-message.own .ttcomm-file-attachment{background:#ffffff26;border-color:#ffffff40}.ttcomm-message.own .ttcomm-file-attachment:hover{background:#fff3;border-color:#ffffff59}.ttcomm-file-icon{width:42px;height:42px;flex-shrink:0;color:#6366f1;background:#eef2ff;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:.5rem}.ttcomm-message.own .ttcomm-file-icon{background:#ffffff40;color:#fff}.ttcomm-file-details{flex:1;min-width:0}.ttcomm-file-name{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttcomm-message.own .ttcomm-file-name{color:#fff}.ttcomm-file-meta{font-size:.75rem;color:#6b7280;font-weight:500}.ttcomm-message.own .ttcomm-file-meta{color:#ffffffd9}.ttcomm-download-btn{background:#6366f1;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .15s;flex-shrink:0;box-shadow:0 2px 6px #6366f140}.ttcomm-download-btn svg{width:16px;height:16px}.ttcomm-download-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 10px #6366f159}.ttcomm-message.own .ttcomm-download-btn{background:#ffffff40;box-shadow:0 2px 6px #00000026}.ttcomm-message.own .ttcomm-download-btn:hover{background:#fff6;transform:translateY(-1px);box-shadow:0 4px 10px #0003}.ttcomm-input-area{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid #e5e7eb;background:#fff;box-shadow:0 -1px 3px #0000000d}.ttcomm-attach-btn{width:36px;height:36px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.ttcomm-attach-btn:hover:not(:disabled){background:#e5e7eb;color:#6366f1;transform:scale(1.05)}.ttcomm-attach-btn:disabled{opacity:.5;cursor:not-allowed}.ttcomm-attach-btn svg{width:20px;height:20px}.ttcomm-message-input{flex:1;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9375rem;outline:none;transition:all .15s;background:#fff;color:#111827;font-weight:500}.ttcomm-message-input::placeholder{color:#9ca3af}.ttcomm-message-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ttcomm-message-input:disabled{background:#f8f9fa;cursor:not-allowed;color:#6b7280}.ttcomm-send-btn{width:36px;height:36px;border-radius:8px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.ttcomm-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.ttcomm-send-btn:disabled{opacity:.5;cursor:not-allowed}.ttcomm-send-btn svg{width:20px;height:20px}.ttcomm-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:ttcomm-spin .8s linear infinite}.ttcomm-menu-btn,.ttcomm-sidebar-close,.ttcomm-open-sidebar-btn{display:none}@media(max-width:1024px){.ttcomm-chat-container{grid-template-columns:260px 1fr}}@media(max-width:768px){.ttcomm-page{padding:82px 0 0}.ttcomm-page-title{font-size:2.25rem;padding:0 1rem}.ttcomm-page-subtitle{font-size:.9375rem;padding:0 1rem}.ttcomm-content{padding:0 1rem}.ttcomm-empty-state{padding:2.25rem 1.75rem;margin:0 1rem}.ttcomm-chat-container{grid-template-columns:1fr;height:calc(100vh - 82px)}.ttcomm-sidebar{position:fixed;top:0;left:-100%;width:82vw;max-width:300px;height:100vh;z-index:310;transition:left .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000002e}.ttcomm-sidebar--open{left:0}.ttcomm-sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:309}.ttcomm-sidebar-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;color:#6b7280;padding:0;flex-shrink:0;transition:background .15s}.ttcomm-sidebar-close:hover{background:#e5e7eb}.ttcomm-sidebar-close svg{width:14px;height:14px}.ttcomm-menu-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;color:#374151;flex-shrink:0;transition:background .15s}.ttcomm-menu-btn:hover{background:#e5e7eb}.ttcomm-menu-btn svg{width:20px;height:20px}.ttcomm-chat-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem}.ttcomm-chat-header-info{flex:1;min-width:0}.ttcomm-chat-header-info h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttcomm-open-sidebar-btn{display:inline-flex;margin-top:1.25rem;padding:.75rem 1.75rem;border:none;border-radius:50px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #8b5cf64d;transition:all .2s}.ttcomm-open-sidebar-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #8b5cf666}.ttcomm-message-content{max-width:80%}.ttcomm-messages{padding:1rem}.ttcomm-input-area{padding:.875rem 1rem}.ttcomm-image-attachment{max-width:240px}.ttcomm-file-attachment{max-width:100%}}@media(max-width:480px){.ttcomm-page{padding:82px 0 0}.ttcomm-page-title{font-size:1.875rem;flex-direction:column;gap:0;padding:0 .875rem}.ttcomm-page-subtitle{font-size:.875rem;padding:0 .875rem}.ttcomm-empty-state{padding:1.75rem 1.25rem;margin:0 .875rem}.ttcomm-empty-state h2{font-size:1.375rem}.ttcomm-empty-icon{width:48px;height:48px}.ttcomm-cta-btn{padding:.875rem 1.75rem;font-size:.9375rem}.ttcomm-message-content{max-width:88%}.ttcomm-messages{padding:.875rem;gap:1rem}.ttcomm-input-area{padding:.75rem .875rem;gap:.5rem}.ttcomm-message-input{padding:.5rem .75rem;font-size:.9375rem}.ttcomm-chat-header{padding:.75rem .875rem;gap:.625rem}.ttcomm-chat-header-info h3{font-size:.9375rem}.ttcomm-chat-header-info p{font-size:.75rem}.ttcomm-avatar{width:34px;height:34px;font-size:.8125rem}.ttcomm-avatar-spacer{width:34px}.ttcomm-message-bubble{padding:.625rem .875rem}.ttcomm-message-bubble p{font-size:.9375rem}.ttcomm-message-time{font-size:.6875rem}.ttcomm-attach-btn,.ttcomm-send-btn{width:34px;height:34px}.ttcomm-image-attachment{max-width:200px}.ttcomm-download-btn span{display:none}.ttcomm-download-btn{padding:.5rem}}.ttcomm-course-item.ttcomm-locked{position:relative;opacity:.6;filter:grayscale(.4)}.ttcomm-course-item.ttcomm-locked:hover{background:#f9fafb;transform:none}.ttcomm-course-item.ttcomm-locked .ttcomm-course-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.ttcomm-course-item.ttcomm-locked .ttcomm-course-icon svg{color:#9ca3af}.ttcomm-course-item.ttcomm-locked h4,.ttcomm-course-item.ttcomm-locked p{color:#9ca3af}.ttcomm-lock-badge{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 2px 6px #7c3aed4d;animation:ttcomm-lock-pulse 2s ease-in-out infinite}.ttcomm-lock-badge svg{color:#fff}@keyframes ttcomm-lock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ttcomm-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:3rem 2rem;text-align:center;color:#9ca3af}.ttcomm-no-selection svg{margin-bottom:1.5rem;color:#d1d5db}.ttcomm-no-selection h3{font-size:1.25rem;font-weight:600;color:#6b7280;margin:0 0 .5rem}.ttcomm-no-selection p{font-size:.95rem;color:#9ca3af;margin:0}� �/�*� �C�o�u�r�s�e� �L�i�s�t� �D�i�v�i�d�e�r� �-� �S�e�p�a�r�a�t�e�s� �e�n�r�o�l�l�e�d� �f�r�o�m� �a�v�a�i�l�a�b�l�e� �c�o�u�r�s�e�s� �*�/� � �.�t�t�c�o�m�m�-�c�o�u�r�s�e�s�-�d�i�v�i�d�e�r� �{� � � � �p�a�d�d�i�n�g�:� �0�.�7�5�r�e�m� �1�r�e�m�;� � � � �m�a�r�g�i�n�:� �0�.�5�r�e�m� �0�;� � � � �b�o�r�d�e�r�-�t�o�p�:� �1�p�x� �s�o�l�i�d� �#�e�5�e�7�e�b�;� � � � �b�o�r�d�e�r�-�b�o�t�t�o�m�:� �1�p�x� �s�o�l�i�d� �#�e�5�e�7�e�b�;� � � � �b�a�c�k�g�r�o�u�n�d�:� �#�f�9�f�a�f�b�;� � �}� � � � �.�t�t�c�o�m�m�-�c�o�u�r�s�e�s�-�d�i�v�i�d�e�r� �s�p�a�n� �{� � � � �f�o�n�t�-�s�i�z�e�:� �0�.�7�5�r�e�m�;� � � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � � �c�o�l�o�r�:� �#�9�c�a�3�a�f�;� � � � �t�e�x�t�-�t�r�a�n�s�f�o�r�m�:� �u�p�p�e�r�c�a�s�e�;� � � � �l�e�t�t�e�r�-�s�p�a�c�i�n�g�:� �0�.�0�5�e�m�;� � �}� � � .prf-page{min-height:100vh;background:#fff;padding-top:80px;font-family:Inter,Segoe UI,system-ui,sans-serif}.prf-intro-card{background:#fff;border-bottom:1px solid #ede9fe;padding:1.25rem 1.5rem;box-shadow:0 2px 12px #6d28d90f}.prf-intro-card-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:1rem}.prf-intro-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;color:#6d28d9;flex-shrink:0}.prf-intro-text{display:flex;flex-direction:column;gap:.2rem}.prf-intro-title{font-size:1.15rem;font-weight:700;color:#1a0533;margin:0}.prf-intro-subtitle{font-size:.82rem;color:#6b7280;margin:0}.prf-hero{background:linear-gradient(135deg,#1a0533,#3b0764 45%,#6d28d9);padding:3rem 1.5rem 5.5rem;position:relative;overflow:hidden}.prf-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(168,85,247,.25) 0%,transparent 55%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.3) 0%,transparent 50%);pointer-events:none}.prf-hero-inner{max-width:960px;margin:0 auto;position:relative;z-index:1}.prf-hero-user{display:flex;align-items:center;gap:1.75rem}.prf-avatar-wrap{position:relative;flex-shrink:0}.prf-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d}.prf-avatar-initials{font-size:2rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:-.02em}.prf-avatar-ring{position:absolute;inset:-5px;border-radius:50%;border:2px dashed rgba(196,181,253,.4);animation:prf-spin-slow 12s linear infinite}@keyframes prf-spin-slow{to{transform:rotate(360deg)}}.prf-hero-text{color:#fff}.prf-hero-name{font-size:1.85rem;font-weight:800;margin:0 0 .35rem;letter-spacing:-.03em;line-height:1.1}.prf-hero-email{font-size:.925rem;color:#ffffffb8;margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}.prf-hero-badges{display:flex;flex-wrap:wrap;gap:.5rem}.prf-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .9rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.prf-badge-role{background:linear-gradient(90deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 12px #7c3aed73}.prf-badge-verified{background:#ffffff1f;color:#a5f3fc;border:1px solid rgba(165,243,252,.35)}.prf-hero-curve{position:absolute;bottom:-1px;left:0;width:100%;overflow:hidden;line-height:0}.prf-hero-curve svg{display:block;width:100%}.prf-body{max-width:960px;margin:-2.5rem auto 3rem;padding:0 1.25rem;position:relative;z-index:5}.prf-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000012;margin-bottom:1.5rem;margin-top:1rem}.prf-stat{background:#fff;padding:1.1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:background .2s}.prf-stat:hover{background:#faf5ff}.prf-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.prf-stat-icon svg{width:18px;height:18px}.prf-stat-icon.purple{background:#ede9fe;color:#7c3aed}.prf-stat-icon.blue{background:#dbeafe;color:#2563eb}.prf-stat-icon.green{background:#dcfce7;color:#16a34a}.prf-stat-label{font-size:.72rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.prf-stat-value{font-size:.9rem;font-weight:700;color:#1e293b}.prf-grid{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;align-items:start}.prf-sidebar{display:flex;flex-direction:column;gap:1.25rem}.prf-sidebar-card{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.prf-sidebar-card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid #f1f5f9}.prf-completion-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.prf-ring-svg{width:80px;height:80px;transform:rotate(-90deg)}.prf-ring-bg{fill:none;stroke:#f1f5f9;stroke-width:6}.prf-ring-bar{fill:none;stroke:url(#prf-ring-gradient);stroke-width:6;stroke-linecap:round;stroke-dasharray:226;stroke-dashoffset:56;transition:stroke-dashoffset 1s ease}.prf-ring-label{font-size:1.1rem;font-weight:800;color:#1e293b}.prf-ring-sublabel{font-size:.75rem;color:#94a3b8;text-align:center}.prf-completion-bar-row{display:flex;flex-direction:column;gap:.6rem}.prf-bar-item{display:flex;flex-direction:column;gap:.25rem}.prf-bar-meta{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;color:#64748b}.prf-bar{height:5px;background:#f1f5f9;border-radius:99px;overflow:hidden}.prf-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#a855f7)}.prf-quick-links{display:flex;flex-direction:column;gap:.4rem}.prf-quick-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:9px;font-size:.86rem;font-weight:600;color:#475569;cursor:default;transition:background .15s,color .15s}.prf-quick-link:hover{background:#f5f3ff;color:#7c3aed}.prf-quick-link svg{width:17px;height:17px;flex-shrink:0;opacity:.7}.prf-quick-link.active{background:#ede9fe;color:#7c3aed}.prf-quick-link.active svg{opacity:1}.prf-referral-card{background:linear-gradient(135deg,#faf5ff,#ede9fe)!important;border:1px solid #c4b5fd!important}.prf-referral-points-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.prf-referral-pts-num{font-size:2.5rem;font-weight:800;color:#7c3aed;line-height:1}.prf-referral-pts-label{font-size:.8rem;color:#6b7280;line-height:1.4}.prf-referral-code-label{font-size:.78rem;color:#6b7280;margin-bottom:6px;font-weight:500}.prf-referral-code-row{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px dashed #a78bfa;border-radius:8px;padding:8px 12px;margin-bottom:8px}.prf-referral-code{flex:1;font-family:Courier New,monospace;font-weight:800;font-size:1.1rem;letter-spacing:3px;color:#7c3aed}.prf-referral-copy-btn{background:#7c3aed;border:none;border-radius:6px;color:#fff;width:30px;height:30px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.prf-referral-copy-btn:hover{background:#6d28d9}.prf-referral-copy-btn--success{background:#16a34a!important}.prf-referral-hint{font-size:.75rem;color:#8b5cf6;margin:0;text-align:center}.prf-main-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.prf-card-tabs{display:flex;border-bottom:1px solid #f1f5f9;padding:0 1.75rem;background:#fafafa}.prf-tab{padding:1rem .25rem;margin-right:1.75rem;font-size:.875rem;font-weight:600;color:#94a3b8;border-bottom:2px solid transparent;cursor:default;transition:color .2s,border-color .2s;white-space:nowrap}.prf-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.prf-tab:hover:not(.active){color:#64748b}.prf-card-body{padding:2rem 1.75rem}.prf-alert{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;animation:prf-slide-in .35s ease}@keyframes prf-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prf-alert.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.prf-alert.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.prf-alert svg{flex-shrink:0}.prf-section{margin-bottom:2rem}.prf-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.prf-section-title-wrap{display:flex;align-items:center;gap:.6rem}.prf-section-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);flex-shrink:0}.prf-section-title{font-size:.95rem;font-weight:700;color:#1e293b}.prf-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.prf-field{display:flex;flex-direction:column;gap:.5rem}.prf-field label{font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.07em}.prf-field input{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.93rem;font-weight:500;color:#1e293b;background:#fff;transition:border-color .2s,box-shadow .2s;font-family:inherit;outline:none}.prf-field input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.prf-field input:hover:not(:disabled){border-color:#c4b5fd}.prf-field input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#f1f5f9}.prf-field input.prf-input-locked{background:#fafafa;color:#64748b}.prf-field input.prf-input-error{border-color:#f43f5e;background:#fff1f2}.prf-field input.prf-input-error:focus{box-shadow:0 0 0 3px #f43f5e1a}.prf-error-text{font-size:.78rem;color:#f43f5e;font-weight:600;display:flex;align-items:center;gap:.3rem}.prf-field-hint{font-size:.76rem;color:#94a3b8;display:flex;align-items:center;gap:.3rem}.prf-divider{border:none;border-top:1px dashed #e2e8f0;margin:1.75rem 0}.prf-pwd-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:700;border:1.5px solid #ddd6fe;background:#f5f3ff;color:#7c3aed;cursor:pointer;transition:all .2s;letter-spacing:.02em}.prf-pwd-toggle-btn:hover{background:#ede9fe;border-color:#c4b5fd}.prf-pwd-toggle-btn svg{width:15px;height:15px;stroke-width:2.5}.prf-pwd-box{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:12px;padding:1.5rem;margin-top:1rem;animation:prf-slide-in .3s ease}.prf-action-bar{display:flex;justify-content:flex-end;gap:.9rem;padding-top:1.75rem;border-top:1px solid #f1f5f9;margin-top:.5rem}.prf-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.6rem;border-radius:9px;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;font-family:inherit;letter-spacing:.01em}.prf-btn-primary{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;box-shadow:0 4px 14px #7c3aed59}.prf-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 6px 20px #7c3aed73;transform:translateY(-1px)}.prf-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.prf-btn-secondary{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.prf-btn-secondary:hover:not(:disabled){background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.prf-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:prf-spin .75s linear infinite}@keyframes prf-spin{to{transform:rotate(360deg)}}.prf-loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding-top:120px}.prf-loading-card{background:#fff;border-radius:16px;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 4px 24px #00000014;min-width:260px}.prf-loader{width:52px;height:52px;border:4px solid #ede9fe;border-top-color:#7c3aed;border-right-color:#a78bfa;border-radius:50%;animation:prf-spin .8s linear infinite}.prf-loading-text{font-size:1rem;color:#64748b;font-weight:600}.prf-refer-panel{padding:.25rem 0 .5rem}.prf-refer-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.prf-refer-header-icon{width:44px;height:44px;border-radius:12px;background:#ede9fe;color:#7c3aed;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prf-refer-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0 0 .15rem}.prf-refer-subtitle{font-size:.82rem;color:#6b7280;margin:0}.prf-refer-stats{display:flex;align-items:center;gap:0;background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:.25rem}.prf-refer-stat{flex:1;display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;min-width:0}.prf-refer-stat-divider{width:1px;height:44px;background:#e5e7eb;flex-shrink:0}.prf-refer-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prf-refer-stat-icon--violet{background:#ede9fe;color:#7c3aed}.prf-refer-stat-icon--green{background:#dcfce7;color:#16a34a}.prf-refer-stat-icon--orange{background:#ffedd5;color:#ea580c}.prf-refer-stat-num{display:block;font-size:1.25rem;font-weight:800;color:#1e293b;line-height:1.1}.prf-refer-stat-lbl{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:600;margin-top:.1rem}.prf-refer-hint{font-size:.84rem;color:#6b7280;margin:0 0 .9rem}.prf-refer-code-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.prf-refer-code-box{flex:1;min-width:0;background:#f5f3ff;border:1.5px dashed #a78bfa;border-radius:12px;padding:.85rem 1.25rem;display:flex;align-items:center}.prf-refer-code-text{font-family:Courier New,Courier,monospace;font-size:1.35rem;font-weight:800;letter-spacing:.22em;color:#7c3aed;-webkit-user-select:all;user-select:all}.prf-refer-copy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:50px;background:#7c3aed;color:#fff;font-size:.82rem;font-weight:700;border:none;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap;flex-shrink:0}.prf-refer-copy-btn:hover{background:#6d28d9;transform:translateY(-1px)}.prf-refer-copy-btn--success{background:#16a34a}.prf-refer-copy-btn--success:hover{background:#15803d}.prf-refer-steps{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.15rem}.prf-refer-step{display:flex;align-items:flex-start;gap:.85rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:.9rem 1rem}.prf-refer-step-num{font-size:1rem;font-weight:800;color:#c4b5fd;min-width:28px;line-height:1.3}.prf-refer-step strong{display:block;font-size:.82rem;font-weight:700;color:#1e293b;margin-bottom:.2rem}.prf-refer-step p{font-size:.78rem;color:#6b7280;margin:0;line-height:1.5}@media(max-width:860px){.prf-grid{grid-template-columns:1fr}.prf-sidebar{order:2}.prf-main-card{order:1}.prf-stats-bar{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.prf-refer-stats{display:grid;grid-template-columns:1fr 1fr 1fr;overflow:visible}.prf-refer-stat-divider{display:none}.prf-refer-stat{padding:.85rem .75rem;gap:.5rem;min-width:0}.prf-refer-stat-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0}.prf-refer-stat-icon svg{width:15px;height:15px}.prf-refer-stat-num{font-size:1.05rem}.prf-refer-stat-lbl{font-size:.65rem;letter-spacing:.02em}.prf-hero{padding:2rem 1rem 5rem}.prf-hero-user{flex-direction:column;align-items:flex-start;gap:1rem}.prf-hero-name{font-size:1.5rem}.prf-fields-grid{grid-template-columns:1fr}.prf-action-bar{flex-direction:column-reverse}.prf-btn{width:100%;justify-content:center}.prf-stats-bar{grid-template-columns:1fr;gap:1px}.prf-card-tabs{padding:0 1.25rem;overflow-x:auto}.prf-card-body{padding:1.5rem 1.25rem}}.quiz-page{min-height:100vh;background:#f8f9fa;padding-top:140px;padding-bottom:3rem}.quiz-page--fullscreen{padding-top:0!important;padding-bottom:0!important;min-height:100vh;display:flex;flex-direction:column}.quiz-page--fullscreen .quiz-taking-container{flex:1;display:flex;flex-direction:column}.quiz-page--fullscreen .quiz-taking-header{top:0}.quiz-page--fullscreen .quiz-summary-container{padding-top:2.5rem}.qx-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f1f5f9;font-family:inherit}.qx-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;height:56px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #00000012;z-index:50;gap:1rem}.qx-topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}.qx-topbar-chip{display:inline-flex;align-items:center;gap:.35rem;background:#ede9fe;color:#6d28d9;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .6rem;border-radius:20px;flex-shrink:0}.qx-topbar-title{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qx-topbar-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.qx-progress-pill{display:flex;align-items:center;gap:.35rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:.3rem .75rem;font-size:.8125rem;font-weight:700;color:#475569}.qx-progress-sep{color:#cbd5e1;margin:0 .1rem}.qx-timer{display:inline-flex;align-items:center;gap:.4rem;background:#d1fae5;color:#065f46;font-size:.9rem;font-weight:700;padding:.3rem .85rem;border-radius:20px;border:1px solid #a7f3d0;min-width:90px;justify-content:center}.qx-timer--warn{background:#fef3c7;color:#92400e;border-color:#fde68a;animation:qxTimerPulse 1s ease-in-out infinite}@keyframes qxTimerPulse{0%,to{opacity:1}50%{opacity:.75}}.qx-timer-toggle{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.78rem;font-weight:600;padding:.3rem .8rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.qx-timer-toggle:hover{background:#f8fafc;border-color:#7c3aed;color:#7c3aed}.qx-progress-bar-track{flex-shrink:0;height:3px;background:#e2e8f0}.qx-progress-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);transition:width .4s ease;border-radius:0 2px 2px 0}.qx-body{flex:1;display:flex;overflow:hidden;gap:0}.qx-main{flex:1;overflow-y:auto;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.qx-main::-webkit-scrollbar{width:5px}.qx-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.qx-q-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.qx-q-badge{display:inline-flex;align-items:baseline;gap:.25rem;background:#7c3aed;color:#fff;font-size:.875rem;font-weight:800;padding:.35rem .9rem;border-radius:20px;letter-spacing:.01em}.qx-q-badge-of{font-size:.72rem;font-weight:500;opacity:.8}.qx-q-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:.3rem .75rem}.qx-q-status--saved{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.qx-q-marks{margin-left:auto;font-size:.78rem;font-weight:600;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;padding:.3rem .75rem;border-radius:20px}.qx-q-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:2rem 2rem 1.5rem;box-shadow:0 2px 12px #0000000d}.qx-q-text{margin-bottom:1.75rem}.qx-q-text .quiz-question-text{font-size:1.0625rem;font-weight:500;color:#1e293b;line-height:1.7;margin-bottom:.5rem}.qx-options{display:flex;flex-direction:column;gap:.75rem}.qx-option{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;position:relative;-webkit-user-select:none;user-select:none}.qx-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.qx-option:hover{border-color:#a78bfa;background:#faf5ff;box-shadow:0 0 0 3px #8b5cf614}.qx-option--selected{border-color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#ede9fe);box-shadow:0 0 0 3px #7c3aed1f,0 2px 8px #7c3aed1a}.qx-opt-letter{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#fff;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:800;color:#64748b;transition:all .15s ease}.qx-opt-letter--selected{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 2px 6px #7c3aed59}.qx-opt-text{flex:1;color:#1e293b;font-size:.9375rem;line-height:1.55;font-weight:500}.qx-option--selected .qx-opt-text{color:#1e293b;font-weight:600}.qx-opt-check{flex-shrink:0;color:#7c3aed}.qx-clear-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;padding:.35rem .8rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.qx-clear-btn:hover{border-color:#ef4444;color:#dc2626;background:#fff5f5}.qx-nav-row{display:flex;align-items:center;gap:1rem;padding:.25rem 0 .5rem}.qx-nav-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.35rem;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.qx-nav-btn--prev{background:#fff;border-color:#e2e8f0;color:#475569}.qx-nav-btn--prev:hover:not(:disabled){border-color:#7c3aed;color:#7c3aed;background:#faf5ff}.qx-nav-btn--next{background:#7c3aed;border-color:#7c3aed;color:#fff;margin-left:auto}.qx-nav-btn--next:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9;box-shadow:0 4px 12px #7c3aed59;transform:translateY(-1px)}.qx-nav-btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important;box-shadow:none!important}.qx-nav-counter{font-size:.8125rem;font-weight:600;color:#94a3b8}.qx-sidebar{width:260px;flex-shrink:0;overflow-y:auto;background:#fff;border-left:1px solid #e2e8f0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.qx-sidebar::-webkit-scrollbar{width:4px}.qx-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.qx-sidebar-inner{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.qx-sb-heading{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0}.qx-sb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.qx-sb-num{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.78rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease}.qx-sb-num:hover{border-color:#a78bfa;color:#7c3aed;background:#faf5ff}.qx-sb-num--done{background:#ede9fe;border-color:#7c3aed;color:#6d28d9}.qx-sb-num--active{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;box-shadow:0 2px 8px #7c3aed66}.qx-sb-legend{display:flex;flex-direction:column;gap:.45rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.qx-sb-leg-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b;font-weight:500}.qx-sb-leg-dot{width:14px;height:14px;border-radius:4px;flex-shrink:0}.qx-sb-leg-dot--done{background:#ede9fe;border:1.5px solid #7c3aed}.qx-sb-leg-dot--blank{background:#f8fafc;border:1.5px solid #e2e8f0}.qx-sb-leg-dot--active{background:#7c3aed;border:1.5px solid #7c3aed}.qx-sb-score{display:flex;align-items:center;gap:.875rem;padding:.75rem;background:#faf5ff;border:1px solid #ede9fe;border-radius:12px}.qx-sb-score-arc{flex-shrink:0}.qx-sb-score-info{display:flex;flex-direction:column;gap:.1rem}.qx-sb-score-num{font-size:1.125rem;font-weight:800;color:#1e293b;line-height:1}.qx-sb-score-lbl{font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.qx-submit-btn{width:100%;padding:.875rem 1rem;border-radius:10px;border:none;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.45rem;background:#e2e8f0;color:#94a3b8}.qx-submit-btn:disabled{cursor:not-allowed}.qx-submit-btn--ready{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 14px #7c3aed59}.qx-submit-btn--ready:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 6px 20px #7c3aed73;transform:translateY(-1px)}.qx-q-text .quiz-code-block{margin:.75rem 0}.qx-option--code{align-items:flex-start}.qx-option--code .qx-opt-text{font-size:.875rem}@media(max-width:900px){.qx-body{flex-direction:column;overflow:auto}.qx-sidebar{width:100%;border-left:none;border-top:1px solid #e2e8f0;overflow-y:visible}.qx-sidebar-inner{flex-direction:row;flex-wrap:wrap;gap:1rem}.qx-sb-grid{grid-template-columns:repeat(8,1fr)}.qx-main{overflow-y:visible;padding:1.25rem 1rem}.qx-shell{height:auto;min-height:100dvh;overflow:auto}}@media(max-width:600px){.qx-topbar{padding:0 1rem;height:52px}.qx-topbar-title{font-size:.8125rem}.qx-timer-toggle{display:none}.qx-q-card{padding:1.25rem 1rem 1rem}.qx-opt-letter{width:26px;height:26px;font-size:.75rem}.qx-sb-grid{grid-template-columns:repeat(7,1fr)}}.qxs-title-row{display:flex;align-items:center;gap:.875rem;margin-bottom:1.5rem}.qxs-title-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#f3e8ff);color:#7c3aed;flex-shrink:0}.qxs-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .15rem;letter-spacing:-.02em}.qxs-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.qxs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.625rem;margin-bottom:1.75rem}.qxs-card{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .12s}.qxs-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.qxs-card--saved{border-color:#a7f3d0;background:#f0fdf4}.qxs-card--saved:hover{border-color:#6ee7b7}.qxs-card--missing{border-color:#fecdd3;background:#fff1f2}.qxs-card--missing:hover{border-color:#fda4af}.qxs-card-num{font-size:.75rem;font-weight:700;color:#6b7280;min-width:26px}.qxs-card-status{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600}.qxs-card-status--saved{color:#059669}.qxs-card-status--missing{color:#e11d48}.qxs-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.qxs-back-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;border:1.5px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.qxs-back-btn:hover{border-color:#9ca3af;background:#f9fafb}.qxs-submit-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:10px;border:none;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #7c3aed4d;transition:background .18s,box-shadow .18s,transform .12s}.qxs-submit-btn:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 6px 20px #7c3aed66;transform:translateY(-1px)}.qxs-submit-btn--sidebar{width:100%;justify-content:center;padding:.7rem;margin-top:.5rem}@media(max-width:600px){.qxs-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.qxs-actions{flex-direction:column;align-items:stretch}.qxs-back-btn,.qxs-submit-btn{width:100%;justify-content:center}}.container,.quiz-container{max-width:1400px;margin:0 auto;padding:0 2rem}.quiz-page-header{text-align:center;margin-bottom:1.5rem;padding:.75rem 0}.quiz-page-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;color:#1a1a1a;letter-spacing:-.02em}.quiz-title-test{color:#1a202c}.quiz-title-knowledge{background:linear-gradient(90deg,#f59e0b,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-title-available{color:#1a1a1a}.quiz-title-quizzes{background:linear-gradient(90deg,#f59e0b,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-page-subtitle{font-size:1.125rem;color:#6c757d;font-weight:400}.quiz-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6c757d;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.quiz-back-btn:hover{background:#f8f9fa;border-color:#d1d5db;color:#1a1a1a}.quiz-back-btn svg{flex-shrink:0}.quiz-back-btn-small{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6c757d;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-back-btn-small:hover{background:#f8f9fa;border-color:#d1d5db}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.quiz-loading .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #f59e0b;border-radius:50%;animation:quiz-spin 1s linear infinite}@keyframes quiz-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-loading p{font-size:1rem;color:#6c757d;font-weight:500}.quiz-login-prompt{display:flex;justify-content:center;align-items:center;min-height:50vh}.quiz-prompt-card{background:#fff;border-radius:16px;padding:3rem;text-align:center;max-width:500px;box-shadow:0 2px 8px #0000000d}.quiz-prompt-card svg{color:#7c3aed;margin-bottom:1.5rem}.quiz-prompt-card h2{font-size:1.5rem;color:#1a1a1a;margin-bottom:.75rem;font-weight:700}.quiz-prompt-card p{color:#6c757d;margin-bottom:2rem;line-height:1.6}.quiz-login-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-login-btn:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-1px)}.quiz-no-courses,.quiz-no-quizzes{display:flex;justify-content:center;align-items:center;min-height:50vh}.quiz-no-courses-card,.quiz-no-quizzes-card{background:#fff;border-radius:16px;padding:3rem;text-align:center;max-width:500px;box-shadow:0 2px 8px #0000000d}.quiz-no-courses-card svg,.quiz-no-quizzes-card svg{color:#d1d5db;margin-bottom:1.5rem}.quiz-no-courses-card h2,.quiz-no-quizzes-card h2{font-size:1.5rem;color:#1a1a1a;margin-bottom:.75rem;font-weight:700}.quiz-no-courses-card p,.quiz-no-quizzes-card p{color:#6c757d;line-height:1.6}.quiz-categories-container{display:flex;flex-direction:column;gap:3rem}.quiz-category-section{width:100%}.quiz-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.quiz-category-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.quiz-category-count{font-size:.9375rem;font-weight:600;color:#6c757d;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px}.quiz-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.quiz-course-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative}.quiz-course-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff7f0033;border-color:#ff7f00}.quiz-course-icon{width:60px;height:60px;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.quiz-course-icon svg{color:#fff}.quiz-course-card h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.quiz-course-card p{color:#f59e0b;font-size:.9375rem;font-weight:600}.quiz-course-arrow{position:absolute;top:2rem;right:2rem;width:36px;height:36px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quiz-course-card:hover .quiz-course-arrow{background:#7c3aed}.quiz-course-card:hover .quiz-course-arrow svg{color:#fff}.quiz-course-arrow svg{color:#6c757d}.quiz-list{display:flex;flex-direction:column;gap:.85rem}.quiz-list-item{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:1.25rem;border:1px solid #e5e7eb;border-left:4px solid #7c3aed;transition:all .2s ease;position:relative;overflow:hidden}.quiz-list-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#7c3aed,#f59e0b);border-radius:4px 0 0 4px}.quiz-list-item--attempted{border-left:4px solid #10b981}.quiz-list-item--attempted:before{background:linear-gradient(180deg,#10b981,#059669)}.quiz-list-item:hover{border-color:#7c3aed;box-shadow:0 6px 20px #7c3aed1f;transform:translateY(-1px)}.quiz-list-num{width:32px;height:32px;border-radius:50%;background:#7c3aed;color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-list-icon{width:50px;height:50px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-list-icon svg{color:#fff}.quiz-list-info{flex:1}.quiz-list-info h3{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin-bottom:.625rem}.quiz-list-meta{display:flex;gap:1.5rem}.quiz-meta-item{display:flex;align-items:center;gap:.375rem;color:#6c757d;font-size:.875rem}.quiz-meta-item svg{color:#f59e0b;flex-shrink:0}.quiz-start-btn{padding:.75rem 1.75rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.quiz-start-btn:hover{background:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b59}.quiz-details-btn{padding:.75rem 1.75rem;background:#fff;color:#7c3aed;border:1.5px solid #7c3aed;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.quiz-details-btn:hover{background:#7c3aed;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed4d}.quiz-attempts-badge{background:#ede9fe;color:#7c3aed;padding:.25rem .625rem;border-radius:12px;font-weight:600}.quiz-last-score{margin-top:.5rem;padding:.5rem .75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:.875rem;color:#166534;font-weight:600}.quiz-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;padding:1rem 0}.quiz-page-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:8px;border:none;background:#7c3aed;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-page-btn:hover:not(:disabled){background:#f59e0b;box-shadow:0 4px 12px #f59e0b59;transform:translateY(-1px)}.quiz-page-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-page-info{font-size:.9rem;font-weight:600;color:#374151;display:flex;flex-direction:column;align-items:center;gap:.15rem}.quiz-page-total{font-size:.78rem;color:#9ca3af;font-weight:400}.quiz-attempts-header{text-align:center;margin-bottom:3rem}.quiz-attempts-title{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.quiz-attempts-subtitle{font-size:1rem;color:#6c757d;font-weight:400}.quiz-attempts-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.quiz-attempt-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.75rem;transition:all .2s ease}.quiz-attempt-card:hover{box-shadow:0 6px 16px #0000001a;border-color:#d1d5db;transform:translateY(-2px)}.quiz-attempt-main{display:flex;justify-content:space-between;align-items:center;gap:2rem}.quiz-attempt-left{flex:1;display:flex;flex-direction:column;gap:1rem}.quiz-attempt-header-info{display:flex;flex-direction:column;gap:.375rem}.attempt-label{font-size:1.125rem;font-weight:700;color:#1f2937}.attempt-date{font-size:.8125rem;color:#6c757d;font-weight:500}.quiz-attempt-stats{display:flex;gap:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;font-weight:500}.stat-item svg{color:#7c3aed;flex-shrink:0}.quiz-attempt-right{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;min-width:200px}.quiz-attempt-score{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem 1.5rem;border-radius:10px;background:#f9fafb}.quiz-attempt-score.passed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.quiz-attempt-score.passed .score-number{color:#059669}.quiz-attempt-score.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.quiz-attempt-score.failed .score-number{color:#dc2626}.score-number{font-size:1.75rem;font-weight:800;line-height:1}.score-text{font-size:.8125rem;color:#6c757d;font-weight:500}.quiz-review-attempt-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quiz-review-attempt-btn svg{width:16px;height:16px;flex-shrink:0}.quiz-review-attempt-btn:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.quiz-attempts-actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.qah-hero{background:#f9fafb;padding:2rem 0 1.5rem;border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.qah-hero-nav{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.qah-hero-body{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.qah-hero-chip{display:inline-block;background:#ede9fe;border:1px solid #c4b5fd;color:#7c3aed;font-size:.8125rem;font-weight:700;letter-spacing:.04em;padding:.3rem .9rem;border-radius:100px;margin-bottom:.5rem}.qah-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000000f}.qah-back-btn:hover{background:#f3f4f6;color:#8b5cf6;border-color:#c4b5fd;transform:translate(-3px)}.qah-page-head{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.qah-page-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;background:linear-gradient(135deg,#1f2937,#8b5cf6 60%,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .375rem;letter-spacing:-.02em;line-height:1.2}.qah-page-sub{font-size:.9375rem;color:#6b7280;margin:0}.qah-summary{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem 1.75rem;margin-bottom:2rem}.qah-summary-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem}.qah-summary-num{font-size:1.625rem;font-weight:700;color:#7c3aed;line-height:1}.qah-summary-lbl{font-size:.75rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.qah-summary-divider{width:1px;height:36px;background:#e5e7eb;flex-shrink:0}.qah-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:2rem}.qah-table{width:100%;border-collapse:collapse;font-size:.9rem}.qah-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.qah-table thead th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.qah-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .12s ease}.qah-table tbody tr:last-child{border-bottom:none}.qah-table tbody tr:hover{background:#fafafa}.qah-table tbody td{padding:1.125rem 1.25rem;color:#374151;font-size:.875rem;vertical-align:middle}.qah-attempt-num{font-weight:700;color:#111827;font-size:.9375rem}.qah-date-cell{display:flex;flex-direction:column;gap:.15rem}.qah-time{font-size:.78rem;color:#9ca3af;font-weight:400}.qah-score-badge{display:inline-block;font-size:1rem;font-weight:700;min-width:52px;text-align:center;padding:.2rem .6rem;border-radius:6px;margin-bottom:.25rem}.qah-score-badge--pass{background:#f0fdf4;color:#15803d}.qah-score-badge--mid{background:#fffbeb;color:#b45309}.qah-score-badge--fail{background:#fef2f2;color:#b91c1c}.qah-score-sub{display:block;font-size:.75rem;color:#9ca3af;font-weight:400}.qah-status-tag{display:inline-block;padding:.25rem .7rem;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.02em}.qah-status-tag--pass{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.qah-status-tag--fail{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.qah-review-link{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#374151;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.qah-review-link:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.qah-footer-action{display:flex;justify-content:center;padding-top:.5rem}.qah-retake-btn{padding:.75rem 2rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s ease;letter-spacing:.01em}.qah-retake-btn:hover{background:#f59e0b}.qah-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.qah-pgn-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .9rem;background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.qah-pgn-btn:hover:not(:disabled){border-color:#7c3aed;color:#7c3aed;background:#f5f3ff}.qah-pgn-btn:disabled{opacity:.4;cursor:not-allowed}.qah-pgn-pages{display:flex;align-items:center;gap:.25rem}.qah-pgn-num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:7px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .15s ease}.qah-pgn-num:hover:not(.qah-pgn-num--active){border-color:#d1d5db;background:#f9fafb}.qah-pgn-num--active{background:#7c3aed;border-color:#7c3aed;color:#fff}@media(max-width:768px){.qah-table thead th:nth-child(3),.qah-table tbody td:nth-child(3){display:none}.qah-summary{flex-wrap:wrap;gap:1rem}.qah-summary-divider{display:none}.qah-summary-item{flex:1 1 40%}}@media(max-width:480px){.qah-table thead th:nth-child(4),.qah-table tbody td:nth-child(4){display:none}.qah-table thead th,.qah-table tbody td{padding:.75rem .875rem;font-size:.8125rem}}.quiz-taking-container{max-width:100%;margin:0 auto}.quiz-taking-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:100px;z-index:100;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem}.quiz-taking-header-left{display:flex;align-items:center;gap:1rem}.quiz-taking-title{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0}.quiz-taking-header-right{display:flex;align-items:center;gap:.75rem}.quiz-timer{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#d1fae5;color:#065f46;border-radius:8px;font-size:.9375rem;font-weight:600}.quiz-timer-warning{background:#fef3c7;color:#92400e}.quiz-timer svg{flex-shrink:0}.quiz-timer-toggle{padding:.625rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6c757d;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-timer-toggle:hover{background:#f8f9fa;border-color:#d1d5db}.quiz-taking-content{display:grid;grid-template-columns:1fr 280px;gap:2rem;padding:2.5rem 2rem;max-width:1400px;margin:0 auto}.quiz-taking-main{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.quiz-question-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.quiz-question-number{font-size:.9375rem;font-weight:700;color:#1a1a1a}.quiz-question-status,.quiz-question-marks{font-size:.875rem;color:#6c757d}.quiz-question-content{padding:2rem 1.5rem}.quiz-question-text{font-size:1.0625rem;color:#1a1a1a;line-height:1.6;margin-bottom:1.5rem;font-weight:500}.quiz-question-text-wrap{margin-bottom:1.5rem}.quiz-question-text-wrap .quiz-question-text{margin-bottom:.75rem}.quiz-question-text-wrap .quiz-question-text:last-child{margin-bottom:0}.quiz-code-block{background:#1e1e2e;border-radius:10px;overflow:hidden;margin:.75rem 0;border:1px solid #3d3d5c;box-shadow:0 4px 12px #0000004d}.quiz-code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#2d2d44;border-bottom:1px solid #3d3d5c}.quiz-code-lang{color:#a78bfa;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.4rem;letter-spacing:.05em}.quiz-code-copy-btn{background:none;border:1px solid #4c4c6d;color:#9ca3af;border-radius:6px;padding:.25rem .6rem;cursor:pointer;font-size:.78rem;display:flex;align-items:center;gap:.3rem;transition:all .2s ease;line-height:1}.quiz-code-copy-btn:hover{border-color:#a78bfa;color:#a78bfa;background:#a78bfa14}.quiz-code-pre{margin:0;padding:1rem 1.25rem;overflow-x:auto;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.7;color:#e2e8f0;white-space:pre;background:transparent}.quiz-code-pre code{font-family:inherit;color:inherit;background:none;padding:0}.quiz-question-options{display:flex;flex-direction:column;gap:.875rem}.quiz-option-label{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.quiz-option-label:hover{background:#f9fafb;border-color:#7c3aed;transform:translate(4px)}.quiz-option-label input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.quiz-option-label:before{content:"";display:inline-block;width:22px;height:22px;border:2px solid #d1d5db;border-radius:50%;background:#fff;transition:all .2s ease;flex-shrink:0;margin-top:.125rem}.quiz-option-label:hover:before{border-color:#7c3aed}.quiz-option-label input[type=radio]:checked+.quiz-option-text{color:#1a1a1a;font-weight:600}.quiz-option-label:has(input[type=radio]:checked){background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#7c3aed;border-width:2px}.quiz-option-label:has(input[type=radio]:checked):before{border-color:#7c3aed;background:#7c3aed;box-shadow:inset 0 0 0 4px #fff}.quiz-option-text{flex:1;color:#1a1a1a;line-height:1.5}.quiz-navigation-buttons{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between}.quiz-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1a1a1a;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-nav-btn:hover:not(:disabled){background:#f8f9fa;border-color:#7c3aed;color:#7c3aed}.quiz-nav-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-nav-btn svg{flex-shrink:0}.quiz-taking-sidebar{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;height:fit-content;position:sticky;top:160px}.quiz-sidebar-title{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.quiz-nav-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1.5rem}.quiz-nav-number{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6c757d;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-nav-number:hover{background:#f8f9fa;border-color:#7c3aed}.quiz-nav-number.answered{background:#e0e7ff;border-color:#7c3aed;color:#7c3aed}.quiz-nav-number.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.quiz-clear-choice-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;padding:.4rem .875rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.quiz-clear-choice-btn:hover{border-color:#ef4444;color:#dc2626;background:#fef2f2}.quiz-nav-legend{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;padding:.875rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px}.quiz-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280;font-weight:500}.quiz-legend-dot{width:14px;height:14px;border-radius:3px;flex-shrink:0}.quiz-legend-dot--answered{background:#e0e7ff;border:1.5px solid #7c3aed}.quiz-legend-dot--unanswered{background:#fff;border:1.5px solid #e5e7eb}.quiz-submit-hint{margin-top:.625rem;font-size:.78rem;color:#9ca3af;text-align:center;line-height:1.5}.quiz-submit-progress{display:block;font-weight:600;color:#6b7280;margin-top:.1rem}.quiz-submit-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s ease}.quiz-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.quiz-submit-btn--disabled,.quiz-submit-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.quiz-summary-container{max-width:1200px;margin:0 auto;padding:0 2rem}.quiz-summary-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:2rem;text-align:center}.quiz-summary-content{display:grid;grid-template-columns:1fr 280px;gap:1.5rem}.quiz-summary-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.quiz-summary-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.quiz-summary-table thead{background:#f8f9fa}.quiz-summary-table th{text-align:left;padding:1rem;font-weight:700;color:#1a1a1a;border-bottom:2px solid #e5e7eb}.quiz-summary-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.quiz-summary-question-link{color:#7c3aed;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;text-decoration:underline}.quiz-summary-question-link:hover{color:#6d28d9}.quiz-status-answered{color:#059669;font-weight:600}.quiz-status-not-answered{color:#dc2626;font-weight:600}.quiz-summary-actions{display:flex;justify-content:center;margin-bottom:2rem}.quiz-return-btn{background:none;color:#7c3aed;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;padding:.5rem 0}.quiz-return-btn:hover{color:#f59e0b;text-decoration:underline}.quiz-final-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:8px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .2s ease}.quiz-final-submit-btn:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.quiz-summary-sidebar{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;height:fit-content;position:sticky;top:120px}.quiz-timer-display{margin-top:1.5rem;padding:1rem;background:#d1fae5;color:#065f46;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.quiz-timer-display.quiz-timer-warning{background:#fef3c7;color:#92400e}.quiz-review-header{text-align:center;margin-bottom:4rem}.quiz-review-title{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:2.5rem}.quiz-score-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e5e7eb;border-radius:16px;padding:2.5rem;display:inline-flex;align-items:center;gap:2.5rem;box-shadow:0 2px 12px #0000000a}.quiz-score-circle{flex-shrink:0}.quiz-score-info{text-align:left}.quiz-score-info h2{font-size:1.25rem;font-weight:600;color:#4b5563;margin-bottom:.5rem}.quiz-score-text{font-size:1.5rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.quiz-score-status{font-size:1rem;font-weight:500;color:#6c757d}.quiz-review-questions{margin-bottom:3rem}.quiz-review-section-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.quiz-review-question{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:1.5rem;transition:box-shadow .2s ease}.quiz-review-question:hover{box-shadow:0 4px 12px #0000000f}.quiz-review-question.correct{border-left:4px solid #10b981}.quiz-review-question.incorrect{border-left:4px solid #ef4444}.quiz-review-question.not-answered{border-left:4px solid #f59e0b}.quiz-review-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.quiz-review-question-number{font-size:.875rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em}.quiz-review-status{font-size:.8125rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;display:inline-flex;align-items:center;gap:.375rem}.quiz-review-status.status-correct{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.quiz-review-status.status-incorrect{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.quiz-review-status.status-not-answered{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.quiz-review-question-text{font-size:1rem;color:#1f2937;line-height:1.7;margin-bottom:1.5rem;font-weight:500}.quiz-review-options{display:flex;flex-direction:column;gap:.875rem}.quiz-review-option{padding:1rem 1.25rem;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;gap:.875rem;background:#fafafa;transition:all .2s ease;color:#1f2937;font-size:.9375rem;line-height:1.6}.quiz-review-option.option-correct{border-color:#10b981;background:#f0fdf4}.quiz-review-option.option-incorrect{border-color:#ef4444;background:#fef2f2}.quiz-option-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.quiz-review-option.option-correct .quiz-option-icon{background:#10b981;color:#fff}.quiz-review-option.option-incorrect .quiz-option-icon{background:#ef4444;color:#fff}.quiz-option-tag{margin-left:auto;font-size:.8125rem;font-weight:500;color:#6c757d;font-style:italic}.quiz-explanation-box{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 8px #3b82f614}.quiz-explanation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:.9375rem;color:#1e40af}.quiz-explanation-header svg{color:#3b82f6;flex-shrink:0}.quiz-explanation-text{font-size:.9375rem;line-height:1.6;color:#1f2937;margin:0}.quiz-review-footer{display:flex;justify-content:center;gap:1rem;padding-top:2rem;border-top:1px solid #e5e7eb}.quiz-retake-btn,.quiz-back-quizzes-btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-retake-btn{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 8px #f59e0b33}.quiz-retake-btn:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.quiz-back-quizzes-btn{background:#fff;border:1.5px solid #e5e7eb;color:#4b5563}.quiz-back-quizzes-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.qrv-hero{background:#f9fafb;padding:1.5rem 0 1.25rem;border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.qrv-hero-nav{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.qrv-hero-body{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.qrv-hero-chip{display:inline-block;background:#ede9fe;border:1px solid #c4b5fd;color:#7c3aed;font-size:.8125rem;font-weight:700;letter-spacing:.04em;padding:.3rem .9rem;border-radius:100px;margin-bottom:.5rem}.qrv-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000000f}.qrv-back-btn:hover{background:#f3f4f6;color:#8b5cf6;border-color:#c4b5fd;transform:translate(-3px)}.qrv-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #e5e7eb}.qrv-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;margin:0 0 .25rem;letter-spacing:-.02em;line-height:1.2;display:flex;flex-wrap:wrap;gap:.25rem;align-items:baseline}.qrv-title-plain{color:#1f2937}.qrv-title-gradient{background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qrv-quiz-name{font-size:.9375rem;color:#6b7280;margin:0}.qrv-result-bar{display:flex;align-items:center;gap:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem}.qrv-result-main{display:flex;flex-direction:column;gap:.25rem;min-width:90px}.qrv-result-pct{font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.02em}.qrv-result-pct--pass{color:#15803d}.qrv-result-pct--fail{color:#b91c1c}.qrv-result-verdict{font-size:.8125rem;font-weight:700;display:inline-block;padding:.15rem .6rem;border-radius:20px;width:fit-content}.qrv-result-verdict--pass{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.qrv-result-verdict--fail{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.qrv-result-msg{font-size:.8125rem;color:#9ca3af;font-weight:400}.qrv-result-divider{width:1px;height:52px;background:#e5e7eb;flex-shrink:0}.qrv-result-stats{display:flex;gap:2rem;flex:1}.qrv-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.qrv-stat-n{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.qrv-stat-n--correct{color:#15803d}.qrv-stat-n--incorrect{color:#b91c1c}.qrv-stat-n--skipped{color:#b45309}.qrv-stat-lbl{font-size:.72rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.qrv-questions-section{margin-bottom:2rem}.qrv-section-title{font-size:1rem;font-weight:700;color:#374151;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6;text-transform:uppercase;letter-spacing:.04em}.qrv-question{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #e5e7eb;border-radius:10px;padding:1.5rem;margin-bottom:1rem}.qrv-question--correct{border-left-color:#22c55e}.qrv-question--incorrect{border-left-color:#ef4444}.qrv-question--skipped{border-left-color:#f59e0b}.qrv-question-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.qrv-q-num{font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em}.qrv-q-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:20px;font-size:.78rem;font-weight:600}.qrv-q-badge--correct{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.qrv-q-badge--incorrect{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.qrv-q-badge--skipped{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.qrv-question-text{font-size:.9375rem;color:#1f2937;line-height:1.65;margin-bottom:1.25rem;font-weight:500}.qrv-options{display:flex;flex-direction:column;gap:.625rem;margin-bottom:0}.qrv-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa;font-size:.9rem;color:#374151;line-height:1.5}.qrv-option--correct{border-color:#22c55e;background:#f0fdf4}.qrv-option--wrong{border-color:#ef4444;background:#fef2f2}.qrv-opt-letter{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.qrv-opt-letter--correct{background:#22c55e;color:#fff;border-color:#22c55e}.qrv-opt-letter--wrong{background:#ef4444;color:#fff;border-color:#ef4444}.qrv-opt-text{flex:1}.qrv-opt-tag{flex-shrink:0;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;white-space:nowrap}.qrv-opt-tag--correct{background:#dcfce7;color:#15803d}.qrv-opt-tag--wrong{background:#fee2e2;color:#b91c1c}.qrv-explanation{margin-top:1rem;padding:1rem 1.25rem;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0}.qrv-exp-head{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:700;color:#1d4ed8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.qrv-exp-head svg{color:#3b82f6;flex-shrink:0}.qrv-exp-text{font-size:.9rem;color:#1e3a5f;line-height:1.6;margin:0}.qrv-footer{display:flex;justify-content:center;gap:.875rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;margin-bottom:1rem}.qrv-btn-retake{padding:.75rem 1.75rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s ease}.qrv-btn-retake:hover{background:#f59e0b}.qrv-btn-back{padding:.75rem 1.75rem;background:#fff;border:1px solid #d1d5db;color:#374151;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.qrv-btn-back:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:1024px){.quiz-taking-content,.quiz-summary-content{grid-template-columns:1fr}.quiz-taking-sidebar,.quiz-summary-sidebar{position:relative;top:0}.quiz-score-card{flex-direction:column;text-align:center}.quiz-score-info{text-align:center}}@media(max-width:768px){.quiz-page{padding-top:82px}.container{padding:0 1rem}.quiz-page-title{font-size:2rem}.quiz-category-title{font-size:1.5rem}.quiz-category-header{flex-direction:column;align-items:flex-start;gap:.5rem}.quiz-categories-container{gap:2.5rem}.quiz-taking-header{flex-direction:column;gap:1rem;align-items:stretch;top:82px}.quiz-taking-header-left,.quiz-taking-header-right{justify-content:center}.quiz-taking-content{padding:1rem}.quiz-courses-grid{grid-template-columns:1fr}.quiz-list-item{flex-wrap:wrap;gap:.875rem;padding:1rem 1.125rem}.quiz-list-info h3{font-size:1rem}.quiz-list-meta{gap:.75rem;flex-wrap:wrap}.quiz-start-btn,.quiz-details-btn{padding:.625rem 1.25rem;font-size:.875rem;flex:1;min-width:0}.quiz-nav-grid{grid-template-columns:repeat(4,1fr)}.quiz-review-footer{flex-direction:column}.quiz-retake-btn,.quiz-back-quizzes-btn{width:100%}.quiz-score-card{flex-direction:column;padding:2rem;gap:1.5rem}.quiz-score-info{text-align:center}.quiz-review-question{padding:1.25rem}.quiz-review-question-header{flex-direction:column;align-items:flex-start;gap:.5rem}.quiz-attempt-header{flex-direction:column;align-items:flex-start;gap:1rem}.quiz-attempt-main{flex-direction:column;align-items:stretch;gap:1.5rem}.quiz-attempt-right{align-items:stretch;min-width:auto}.quiz-attempt-score{align-items:center}.quiz-review-attempt-btn{width:100%}.quiz-attempt-score{align-items:flex-start}.quiz-attempt-stats{flex-direction:column;gap:.75rem}.quiz-question-header{flex-direction:column;align-items:flex-start;gap:.5rem}.qrv-result-bar{flex-direction:column;gap:1rem;padding:1.25rem}.qrv-result-divider{width:100%;height:1px}.qrv-result-stats{justify-content:center;flex-wrap:wrap;gap:1rem}.qrv-result-pct{font-size:1.75rem}.qrv-footer{flex-direction:column;align-items:stretch}.qrv-btn-retake,.qrv-btn-back{width:100%;text-align:center}}@media(max-width:640px){.quiz-page-title{font-size:1.75rem}.quiz-category-title{font-size:1.35rem}.quiz-courses-grid{grid-template-columns:1fr}.quiz-summary-table{font-size:.875rem}.quiz-summary-table th,.quiz-summary-table td{padding:.75rem .5rem}}.quiz-course-card.quiz-locked{position:relative;opacity:.75;filter:grayscale(.3)}.quiz-course-card.quiz-locked:hover{border-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.quiz-course-card.quiz-locked .quiz-course-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.quiz-course-card.quiz-locked:hover .quiz-course-icon{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.quiz-course-card.quiz-locked .quiz-course-icon svg{color:#9ca3af}.quiz-course-card.quiz-locked:hover .quiz-course-icon svg{color:#6b7280}.quiz-lock-overlay{position:absolute;inset:0;background:#ffffffeb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:16px;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .3s ease;pointer-events:none}.quiz-course-card.quiz-locked:hover .quiz-lock-overlay{opacity:1}.quiz-lock-icon{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.quiz-lock-icon svg{color:#7c3aed;filter:drop-shadow(0 2px 4px rgba(124,58,237,.2));animation:quiz-lock-pulse 2s ease-in-out infinite}.quiz-lock-icon p{margin:0;font-size:.875rem;font-weight:600;color:#7c3aed;letter-spacing:.025em;text-transform:uppercase}@keyframes quiz-lock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-stats-ribbon{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.quiz-stat-pill{flex:1;min-width:140px;background:#fff;border-radius:14px;padding:1.1rem 1.25rem;display:flex;align-items:center;gap:.7rem;box-shadow:0 2px 10px #0000000f;border:1px solid #f0f0f0;transition:all .2s ease}.quiz-stat-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed1a}.quiz-stat-pill svg{color:#7c3aed;flex-shrink:0}.quiz-stat-value{font-size:1.35rem;font-weight:800;color:#1a1a1a;line-height:1}.quiz-stat-label{font-size:.78rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-left:auto}.quiz-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem;margin-bottom:2rem}.quiz-pro-card{background:#fff;border-radius:16px;border:1.5px solid #e5e7eb;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .25s ease;position:relative}.quiz-pro-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#7c3aed,#a855f7);border-radius:4px 0 0 4px}.quiz-pro-card--attempted:before{background:linear-gradient(180deg,#10b981,#059669)}.quiz-pro-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #7c3aed24;border-color:#c4b5fd}.quiz-pro-card--attempted:hover{box-shadow:0 12px 28px #10b98121;border-color:#6ee7b7}.quiz-pro-card-header{padding:1.1rem 1.25rem .75rem;display:flex;align-items:center;gap:.85rem;border-bottom:1px solid #f3f4f6}.quiz-pro-number{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-pro-card--attempted .quiz-pro-number{background:linear-gradient(135deg,#10b981,#059669)}.quiz-pro-icon-wrap{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-pro-icon-wrap svg{color:#7c3aed}.quiz-pro-card--attempted .quiz-pro-icon-wrap{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.quiz-pro-card--attempted .quiz-pro-icon-wrap svg{color:#059669}.quiz-pro-status-badge{margin-left:auto;display:flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.quiz-pro-status-badge--new{background:linear-gradient(135deg,#ddd6fe,#ede9fe);color:#6d28d9}.quiz-pro-status-badge--done{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.quiz-pro-card-body{padding:1rem 1.25rem;flex:1}.quiz-pro-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 .75rem;line-height:1.4}.quiz-pro-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.quiz-pro-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.83rem;color:#6b7280;font-weight:500}.quiz-pro-meta-item svg{color:#f59e0b;flex-shrink:0}.quiz-pro-meta-item--badge{background:#ede9fe;color:#6d28d9;padding:.25rem .6rem;border-radius:12px;font-weight:600}.quiz-pro-meta-item--badge svg{color:#7c3aed}.quiz-pro-score-row{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:.625rem .9rem;margin-top:.5rem}.quiz-pro-score-row.score-pass{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.quiz-pro-score-row.score-ok{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.quiz-pro-score-row.score-fail{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid #fecdd3}.quiz-pro-score-info{display:flex;flex-direction:column;gap:.15rem}.quiz-pro-score-label{font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.quiz-pro-score-val{font-size:.95rem;font-weight:700;color:#1f2937}.quiz-pro-score-pct{font-size:1.35rem;font-weight:800;color:#1f2937}.score-pass .quiz-pro-score-pct{color:#059669}.score-ok .quiz-pro-score-pct{color:#d97706}.score-fail .quiz-pro-score-pct{color:#dc2626}.quiz-pro-card-footer{padding:.875rem 1.25rem;border-top:1px solid #f3f4f6;display:flex;gap:.75rem;align-items:center}.quiz-pro-start-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.quiz-pro-start-btn:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b59}.quiz-pro-details-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;color:#7c3aed;border:1.5px solid #c4b5fd;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.quiz-pro-details-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed4d}.quiz-pro-retake-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem 1rem;background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quiz-pro-retake-btn:hover{background:#fef3c7;color:#d97706;border-color:#fde68a}.quiz-pro-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding:1.5rem;flex-wrap:wrap;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.quiz-pro-page-arrow{width:40px;height:40px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.quiz-pro-page-arrow:hover:not(:disabled){background:#7c3aed;color:#fff;border-color:#7c3aed;transform:scale(1.05);box-shadow:0 4px 12px #7c3aed4d}.quiz-pro-page-arrow:disabled{opacity:.3;cursor:not-allowed}.quiz-pro-page-numbers{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;justify-content:center}.quiz-pro-page-num{width:40px;height:40px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quiz-pro-page-num:hover:not(.active){border-color:#c4b5fd;color:#7c3aed;background:#f5f3ff}.quiz-pro-page-num.active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed59;font-weight:700}.quiz-pro-page-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-left:.5rem;white-space:nowrap}.quiz-pro-page-label strong{color:#111827;font-weight:700}.quiz-pro-total-label{color:#9ca3af;font-weight:400}@media(max-width:768px){.quiz-stats-ribbon{gap:.75rem}.quiz-stat-pill{min-width:calc(50% - .375rem);padding:.875rem 1rem}.quiz-stat-value{font-size:1.1rem}.quiz-cards-grid{grid-template-columns:1fr;gap:1rem}.quiz-pro-pagination{padding:1rem;gap:.35rem}.quiz-pro-page-arrow,.quiz-pro-page-num{width:36px;height:36px;border-radius:8px}.quiz-pro-page-label{width:100%;text-align:center}}@media(max-width:480px){.quiz-stat-pill{min-width:100%}}.ql-page{min-height:100vh;background:#f4f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ql-hero{background:#f9fafb;padding:8rem 0 2.5rem;position:relative}.ql-hero:before,.ql-hero:after{display:none}.ql-hero-inner{max-width:1200px;margin:0 auto;padding:2rem 2rem 0;position:relative;z-index:1}.ql-hero-nav{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.ql-hero-back{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;color:#374151;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.ql-hero-back:hover{background:#f3f4f6;color:#8b5cf6;border-color:#c4b5fd;transform:translate(-3px)}.ql-hero-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.ql-hero-left{flex:1}.ql-hero-eyebrow{margin-bottom:.75rem}.ql-hero-chip{display:inline-flex;align-items:center;gap:.4rem;background:#ede9fe;border:1px solid #c4b5fd;color:#7c3aed;padding:.35rem .85rem;border-radius:20px;font-size:.8125rem;font-weight:600;letter-spacing:.02em}.ql-hero-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#1f2937;line-height:1.15;margin:0 0 .5rem;letter-spacing:-.02em;display:flex;flex-wrap:wrap;gap:.25rem;align-items:baseline}.ql-hero-title-plain{color:#1f2937}.ql-hero-title-gradient{background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ql-hero-course{font-size:1rem;color:#6b7280;font-weight:500;margin:0 0 1.75rem}.ql-hero-stats{display:flex;align-items:center;gap:0}.ql-hero-stat{display:flex;flex-direction:column;gap:.15rem;padding:0 1.75rem 0 0}.ql-hero-stat:first-child{padding-left:0}.ql-hero-stat-num{font-size:1.75rem;font-weight:800;color:#7c3aed;line-height:1}.ql-hero-stat-lbl{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.ql-hero-divider{width:1px;height:2.5rem;background:#e5e7eb;margin:0 1.75rem 0 0;flex-shrink:0}.ql-hero-right{flex-shrink:0}.ql-progress-circle-wrap svg{filter:drop-shadow(0 4px 16px rgba(139,92,246,.18))}.ql-body{max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem}.ql-empty{text-align:center;padding:5rem 2rem}.ql-empty-icon{font-size:3.5rem;margin-bottom:1rem}.ql-empty h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.ql-empty p{color:#6b7280;font-size:1rem}.ql-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:2px solid #e5e7eb}.ql-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;color:#111827}.ql-section-count{background:#ede9fe;color:#6d28d9;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:12px}.ql-section-meta{font-size:.8rem;color:#9ca3af;font-weight:500}.ql-list{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 6px #0000000a}.ql-row{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;transition:background .15s ease;position:relative}.ql-row:last-child{border-bottom:none}.ql-row:hover{background:#fafbff}.ql-row--done{background:#fafffe}.ql-row--done:hover{background:#f0fdf9}.ql-row-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ql-row-num{width:28px;height:28px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ql-row-num--done{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ql-row-thumb{width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#7c3aed}.ql-row-thumb--done{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.ql-row-info{flex:1;min-width:0}.ql-row-top{display:flex;align-items:center;gap:.625rem;margin-bottom:.4rem}.ql-row-title{font-size:.9875rem;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ql-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap;letter-spacing:.01em;flex-shrink:0}.ql-badge--done{background:#d1fae5;color:#065f46}.ql-row-metas{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.ql-meta-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:#6b7280;font-weight:500}.ql-meta-chip svg{color:#f59e0b}.ql-meta-chip--purple{background:#ede9fe;color:#6d28d9;padding:.18rem .55rem;border-radius:10px;font-weight:600}.ql-meta-chip--purple svg{color:#7c3aed}.ql-row-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.ql-progress-track{flex:1;height:5px;background:#e5e7eb;border-radius:99px;overflow:hidden;max-width:220px}.ql-progress-fill{height:100%;border-radius:99px;transition:width .6s ease}.ql-progress-label{font-size:.775rem;font-weight:700;white-space:nowrap}.ql-row-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.ql-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.01em}.ql-btn--primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;box-shadow:0 2px 8px #7c3aed40}.ql-btn--primary:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b73}.ql-btn--outline{background:#fff;color:#7c3aed;border:1.5px solid #c4b5fd}.ql-btn--outline:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed4d}.ql-btn--ghost{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.ql-btn--ghost:hover{background:#fef3c7;color:#92400e;border-color:#fde68a}.ql-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.ql-pgn-arrow{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:1.5px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ql-pgn-arrow:hover:not(:disabled){background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed4d}.ql-pgn-arrow:disabled{opacity:.35;cursor:not-allowed}.ql-pgn-nums{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center}.ql-pgn-num{width:38px;height:38px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ql-pgn-num:hover:not(.ql-pgn-num--active){border-color:#c4b5fd;color:#7c3aed;background:#f5f3ff}.ql-pgn-num--active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed66;font-weight:700}@media(max-width:768px){.ql-hero{padding-top:100px;padding-bottom:2rem}.ql-hero-content{flex-direction:column-reverse;align-items:flex-start;gap:1.5rem}.ql-hero-right{align-self:flex-end}.ql-hero-title{font-size:1.75rem}.ql-hero-stat-num{font-size:1.4rem}.ql-body{padding:1.25rem 1rem 3rem}.ql-row{flex-wrap:wrap;padding:1rem;gap:.875rem}.ql-row-actions{width:100%;justify-content:flex-end}.ql-row-title{font-size:.9rem}.ql-progress-track{max-width:150px}.ql-pgn-arrow{padding:.5rem .85rem}}@media(max-width:480px){.ql-hero-stats{gap:0}.ql-hero-stat{padding-right:1.25rem}.ql-hero-divider{margin-right:1.25rem}.ql-row-left{gap:.5rem}.ql-btn{padding:.5rem .9rem;font-size:.8rem}}.quiz-schema-container{margin:0 0 1.25rem;border-radius:10px;overflow:hidden;border:1px solid #d1d5db;background:#f8fafc}.quiz-schema-label{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:#1e293b;color:#94a3b8;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.quiz-schema-tables{display:flex;flex-wrap:wrap;gap:.75rem;padding:.85rem}.quiz-schema-table{min-width:220px;max-width:320px;flex:1;border-radius:8px;overflow:hidden;border:1px solid #94a3b8;box-shadow:0 2px 6px #00000012;background:#fff}.quiz-schema-table-header{display:flex;align-items:center;gap:.45rem;padding:.55rem .75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.03em}.quiz-schema-columns{padding:.25rem 0}.quiz-schema-col{display:flex;align-items:center;gap:.5rem;padding:.32rem .75rem;font-size:.78rem;border-bottom:1px solid #f1f5f9;transition:background .15s}.quiz-schema-col:last-child{border-bottom:none}.quiz-schema-col:hover{background:#f0f9ff}.quiz-schema-col--pk{background:#fffbeb}.quiz-schema-col--pk:hover{background:#fef3c7}.quiz-schema-col--fk{background:#f0fdf4}.quiz-schema-col--fk:hover{background:#dcfce7}.quiz-schema-col-icon{display:flex;align-items:center;width:14px;flex-shrink:0;color:#94a3b8}.quiz-schema-col--pk .quiz-schema-col-icon{color:#d97706}.quiz-schema-col--fk .quiz-schema-col-icon{color:#16a34a}.quiz-schema-col-name{flex:1;font-weight:600;color:#1e293b;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.77rem}.quiz-schema-col-type{color:#6366f1;font-size:.73rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;background:#eef2ff;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.quiz-schema-col--pk .quiz-schema-col-type{color:#b45309;background:#fef3c7}.quiz-schema-col--fk .quiz-schema-col-type{color:#15803d;background:#dcfce7}.quiz-option-label--code{align-items:flex-start;padding:.6rem .75rem}.quiz-option-code-wrap{display:flex;flex-direction:column;gap:.35rem;width:100%}.quiz-option-code-prefix{font-size:.875rem;color:#374151;font-weight:500}.quiz-option-code-suffix{font-size:.875rem;color:#6b7280}.quiz-option-code-block{display:block;background:#0d1117;border-radius:7px;overflow:hidden;border:1px solid #30363d;margin-top:.2rem;width:100%}.quiz-option-code-lang-badge{display:inline-block;padding:.2rem .6rem;background:#161b22;color:#8b949e;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #30363d;font-family:Cascadia Code,Fira Code,Consolas,monospace;width:100%;box-sizing:border-box}.quiz-option-code-pre{margin:0;padding:.65rem .85rem;overflow-x:auto;background:transparent}.quiz-option-code-pre code{font-family:Cascadia Code,Fira Code,Consolas,Courier New,monospace;font-size:.82rem;line-height:1.6;color:#e6edf3;white-space:pre}.quiz-option-text .quiz-option-code-block{cursor:pointer}.qrv-opt-text .quiz-option-code-block{margin-top:.25rem}.qrv-opt-text .quiz-option-code-pre code{font-size:.8rem}.quiz-nav-block-toast{position:fixed;top:5rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.55rem;background:#1e1b4b;color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 8px 32px #00000047;border:1px solid rgba(139,92,246,.45);animation:quizToastIn .25s ease,quizToastOut .35s ease 2.65s forwards;white-space:nowrap;pointer-events:none}.quiz-nav-block-toast svg{flex-shrink:0;color:#a78bfa}@keyframes quizToastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes quizToastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.books-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding-top:120px;padding-bottom:3rem}.books-reader-page{min-height:100vh;background:#fff;padding:0;margin:0}.books-loading,.books-content-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.books-loading p,.books-content-loading p{font-size:1.125rem;color:#6c757d;font-weight:500}.spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.books-login-prompt{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:2rem}.books-login-card{background:#fff;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 8px 24px #0000001a;text-align:center;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.books-login-card svg{color:#7c3aed}.books-login-card h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.books-login-card p{font-size:1rem;color:#6c757d;line-height:1.6;margin:0}.books-login-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.books-login-btn:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.books-container{max-width:1200px;margin:0 auto;padding:0 2rem}.books-header{text-align:center;margin-bottom:4.5rem;margin-top:2rem}.books-header-content{display:flex;flex-direction:column;gap:1rem}.books-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.books-title-part1{color:#1a1a1a}.books-title-part2{background:linear-gradient(135deg,#7c3aed,#a855f7,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.books-subtitle{font-size:1.125rem;color:#6c757d;line-height:1.6;max-width:700px;margin:0 auto}.books-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem;text-align:center}.books-empty-state svg{color:#d1d5db}.books-empty-state h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.books-empty-state p{font-size:1rem;color:#6c757d;margin:0}.books-categories-container{display:flex;flex-direction:column;gap:3rem}.books-category-section{width:100%}.books-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.books-category-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.books-category-count{font-size:.9375rem;font-weight:600;color:#6c757d;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.books-course-card{background:#fff;border-radius:12px;padding:1.75rem;border:2px solid #e5e7eb;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .3s ease;position:relative}.books-course-card:hover{border-color:#7c3aed;transform:translateY(-4px);box-shadow:0 8px 20px #7c3aed26}.books-course-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;transition:all .3s ease}.books-course-card:hover .books-course-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}.books-course-icon svg{color:#7c3aed;transition:all .3s ease}.books-course-card:hover .books-course-icon svg{color:#fff}.books-course-info{flex:1;min-width:0}.books-course-info h3{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;line-height:1.4}.books-course-category{font-size:.875rem;color:#7c3aed;font-weight:600;margin:0 0 .75rem}.books-course-meta{display:flex;align-items:center;gap:.5rem}.books-meta-badge{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6c757d;font-weight:500}.books-meta-badge svg{color:#f59e0b;flex-shrink:0}.books-course-arrow{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f9fafb;transition:all .3s ease}.books-course-card:hover .books-course-arrow{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translate(4px)}.books-course-arrow svg{color:#6c757d;transition:all .3s ease}.books-course-card:hover .books-course-arrow svg{color:#fff}.books-reader-container{max-width:100%;background:#fff;min-height:100vh}.books-reader-header{background:#fff;border-bottom:2px solid #e5e7eb;padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000d}.books-back-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#7c3aed;border:2px solid #7c3aed;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.books-back-btn:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:#7c3aed;transform:translate(-4px)}.books-reader-title{flex:1}.books-reader-title h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem}.books-reader-title p{font-size:.9375rem;color:#6c757d;margin:0}.books-pdf-viewer{background:#f3f4f6;padding:3rem 2rem;min-height:calc(100vh - 200px)}.books-pdf-content{max-width:900px;margin:0 auto;background:#fff;box-shadow:0 4px 16px #0000001a;border-radius:4px}.books-pdf-cover{background:linear-gradient(135deg,#7c3aed,#a855f7,#f59e0b);padding:4rem 3rem;text-align:center;color:#fff;border-radius:4px 4px 0 0}.books-pdf-cover-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.books-pdf-cover-icon{margin-bottom:1rem}.books-pdf-title{font-size:2.5rem;font-weight:800;margin:0;line-height:1.2}.books-pdf-subtitle{font-size:1.25rem;font-weight:500;margin:0;opacity:.95}.books-pdf-divider{width:120px;height:3px;background:#ffffff80;border-radius:2px}.books-pdf-category{font-size:1rem;font-weight:600;margin:0;opacity:.9;text-transform:uppercase;letter-spacing:1px}.books-module-section{padding:2.5rem 3rem;border-bottom:2px solid #e5e7eb}.books-module-header{margin-bottom:2rem}.books-module-number{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:.875rem;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.books-topic-section{margin-bottom:2rem}.books-topic-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f59e0b;display:inline-block}.books-topic-content{font-size:1rem;line-height:1.8;color:#374151}.books-topic-content h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:2rem 0 1rem}.books-topic-content h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:1.75rem 0 1rem}.books-topic-content h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:1.5rem 0 .875rem}.books-topic-content p{margin:0 0 1.25rem;text-align:justify}.books-topic-content ul,.books-topic-content ol{margin:1rem 0 1.5rem 1.5rem;padding:0}.books-topic-content li{margin:.5rem 0;padding-left:.5rem}.books-topic-content code{background:#f3f4f6;padding:.125rem .375rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#7c3aed}.books-topic-content pre{background:#1a1a1a;color:#f8f9fa;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.books-topic-content pre code{background:none;padding:0;color:#f8f9fa}.books-topic-content blockquote{border-left:4px solid #7c3aed;padding-left:1.5rem;margin:1.5rem 0;color:#6c757d;font-style:italic}.books-topic-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.books-topic-content th,.books-topic-content td{border:1px solid #e5e7eb;padding:.75rem;text-align:left}.books-topic-content th{background:#f9fafb;font-weight:600;color:#1a1a1a}.books-topic-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.books-topic-divider{height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent);margin:2.5rem 0}.books-pdf-footer{padding:2.5rem 3rem;background:#f9fafb;text-align:center;border-radius:0 0 4px 4px}.books-pdf-footer p{margin:.5rem 0;font-size:.875rem;color:#6c757d}.books-footer-note{font-style:italic;color:#9ca3af}.books-no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem;text-align:center}.books-no-content svg{color:#d1d5db}.books-no-content p{font-size:1.125rem;color:#6c757d;margin:0}@media(max-width:768px){.books-page{padding-top:6rem}.books-container{padding:0 1rem}.books-header{margin-bottom:2rem;margin-top:1rem}.books-title{font-size:1.75rem}.books-subtitle{font-size:.9375rem}.books-categories-container{gap:2rem}.books-category-title{font-size:1.375rem}.books-category-header{flex-direction:row;align-items:center;gap:.75rem;padding-bottom:.625rem}.books-grid{grid-template-columns:1fr;gap:.875rem;margin-top:1rem}.books-course-card{padding:1rem 1.125rem;gap:1rem}.books-course-icon{width:52px;height:52px}.books-course-icon svg{width:36px;height:36px}.books-reader-header{flex-direction:row;align-items:center;gap:.75rem;padding:0 1rem;height:58px;top:0}.books-back-btn{width:auto;padding:.5rem .875rem;font-size:.8125rem;gap:.375rem}.books-back-btn svg{width:16px;height:16px}.books-reader-title{flex:1;min-width:0}.books-reader-title h2{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .125rem}.books-reader-title p{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.books-pdf-viewer{padding:1rem .75rem}.books-pdf-cover{padding:2rem 1.25rem;border-radius:4px 4px 0 0}.books-pdf-cover-icon{margin-bottom:.5rem}.books-pdf-cover-icon svg{width:44px;height:44px}.books-pdf-title{font-size:1.5rem}.books-pdf-subtitle{font-size:1rem}.books-module-section{padding:1.5rem 1.125rem}.books-topic-title{font-size:1.125rem}.books-topic-content{font-size:.9375rem}.books-topic-content pre{padding:1rem;font-size:.8125rem;overflow-x:auto}.books-pdf-footer{padding:1.5rem 1.125rem}.books-content-loading,.books-no-content{min-height:calc(100vh - 58px)}}@media(max-width:480px){.books-reader-header{height:54px;padding:0 .875rem}.books-back-btn{padding:.4375rem .75rem;font-size:.75rem}.books-reader-title h2{font-size:.9375rem}.books-pdf-cover{padding:1.5rem 1rem}.books-pdf-title{font-size:1.25rem}.books-pdf-subtitle{font-size:.875rem}.books-module-section{padding:1.25rem 1rem}.books-pdf-viewer{padding:.75rem .5rem}.books-content-loading,.books-no-content{min-height:calc(100vh - 54px)}}.books-course-card.books-locked{position:relative;opacity:.75;filter:grayscale(.3)}.books-course-card.books-locked:hover{border-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.books-course-card.books-locked .books-course-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.books-course-card.books-locked:hover .books-course-icon{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.books-course-card.books-locked .books-course-icon svg{color:#9ca3af}.books-course-card.books-locked:hover .books-course-icon svg{color:#6b7280}.books-lock-overlay{position:absolute;inset:0;background:#ffffffeb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .3s ease;pointer-events:none}.books-course-card.books-locked:hover .books-lock-overlay{opacity:1}.books-lock-icon{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.books-lock-icon svg{color:#7c3aed;filter:drop-shadow(0 2px 4px rgba(124,58,237,.2));animation:books-lock-pulse 2s ease-in-out infinite}.books-lock-icon p{margin:0;font-size:.875rem;font-weight:600;color:#7c3aed;letter-spacing:.025em;text-transform:uppercase}@keyframes books-lock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.books-course-card.books-locked .books-meta-badge{color:#9ca3af}.books-course-card.books-locked .books-meta-badge svg{color:#9ca3af}.projects-page-container{min-height:100vh;background:#fff}.projects-hero-section{background:#f9fafb;padding:8rem 1.25rem 2.5rem;text-align:center}.projects-hero-section:before{display:none}.projects-hero-content{max-width:1200px;margin:0 auto;text-align:center}.projects-hero-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;letter-spacing:-.02em}.projects-hero-title-plain{color:#1f2937}.projects-hero-title-gradient{background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-hero-subtitle{color:#6b7280;font-size:1.1rem;font-weight:400;margin-bottom:2rem}.projects-search-container{max-width:600px;margin:0 auto 1.5rem}.projects-search-box{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50px;padding:.4rem .6rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.projects-search-box:focus-within{border-color:#a78bfa;box-shadow:0 4px 12px #8b5cf626}.projects-search-icon{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:1.5rem;color:#9ca3af;pointer-events:none}.projects-search-box{position:relative}.projects-search-input{flex:1;border:none;outline:none;font-size:1rem;color:#1f2937;background:transparent;padding:.8rem 1rem .8rem 2.5rem}.projects-search-input::placeholder{color:#9ca3af}.projects-quick-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.projects-quick-filter-btn{padding:.65rem 1.4rem;border:2px solid #e5e7eb;background:#fff;border-radius:50px;cursor:pointer;font-size:.875rem;font-weight:600;color:#374151;transition:all .3s ease;box-shadow:0 1px 4px #0000000a}.projects-quick-filter-btn:hover{border-color:#fb923c;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f97316;transform:translateY(-2px);box-shadow:0 4px 12px #f9731626}.projects-quick-filter-btn.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.projects-popular-section,.projects-latest-section,.projects-all-section{max-width:1400px;margin:0 auto;padding:40px;background:#fff}.projects-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.projects-section-title{font-size:2.25rem;font-weight:800;color:#2d3748;position:relative;padding-bottom:12px;letter-spacing:-.5px}.projects-section-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:5px;background:linear-gradient(90deg,#8b5cf6,#f97316);border-radius:3px}.projects-view-all-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:12px 28px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.projects-view-all-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 6px 20px #f9731666}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.projects-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease;cursor:pointer;border:1px solid #f0f0f0}.projects-card:hover{box-shadow:0 12px 40px #8b5cf626;border-color:#8b5cf633}.projects-card-image{position:relative;overflow:hidden;height:220px}.projects-card-image img{width:100%;height:100%;object-fit:cover}.projects-card-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #f973164d}.projects-card-content{padding:24px}.projects-card-title{font-size:1.35rem;font-weight:700;color:#2d3748;margin-bottom:15px;line-height:1.4}.projects-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.projects-tech-tag{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);color:#8b5cf6;padding:6px 14px;border-radius:15px;font-size:.85rem;font-weight:600}.projects-card-stats{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f0}.projects-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#64748b;font-weight:600}.projects-stat:first-child{color:#1f2937;font-weight:700}.projects-stat:first-child .projects-stat-icon{color:#fbbf24}.projects-stat-icon{display:inline-flex;align-items:center;justify-content:center;color:#8b5cf6}.projects-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:30px}.projects-category-card{background:#fff;border-radius:20px;padding:45px 30px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #00000014;position:relative;overflow:hidden;border:2px solid #f0f0f0}.projects-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#8b5cf6,#f97316)}.projects-category-card:hover{box-shadow:0 12px 40px #8b5cf633;border-color:#8b5cf64d}.projects-category-card-icon{width:100px;height:100px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:linear-gradient(135deg,#f0e7ff,#e9d5ff);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.projects-category-card-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf61a,#f973161a);opacity:0;transition:opacity .4s ease}.projects-category-card:hover .projects-category-card-icon{background:linear-gradient(135deg,#8b5cf6,#f97316);color:#fff;box-shadow:0 8px 24px #8b5cf64d}.projects-category-card:hover .projects-category-card-icon:before{opacity:1}.projects-category-card-title{font-size:1.4rem;font-weight:800;color:#2d3748;margin-bottom:12px;letter-spacing:-.3px}.projects-category-card-count{color:#64748b;font-size:1.05rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.projects-category-card-count:before{content:"📁";font-size:1.1rem}.projects-filters-container{display:flex;gap:30px;margin-top:30px}.projects-sidebar{width:280px;flex-shrink:0}.projects-sidebar-section{background:#fff;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f0}.projects-sidebar-title{font-size:1.1rem;font-weight:700;color:#2d3748;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e9d5ff}.projects-category-list{display:flex;flex-direction:column;gap:8px}.projects-category-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border:none;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;font-size:.95rem;color:#2d3748;font-weight:500}.projects-category-item:hover{background:#f0e7ff;color:#8b5cf6}.projects-category-item.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;font-weight:700;box-shadow:0 4px 12px #8b5cf64d}.projects-category-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.projects-category-name{flex:1;color:inherit}.projects-category-arrow{font-size:1.2rem;opacity:.5}.projects-category-item.active .projects-category-arrow{opacity:1}.projects-tech-filter-list{display:flex;flex-direction:column;gap:10px}.projects-tech-filter-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#2d3748}.projects-tech-filter-item:hover{background:#f0e7ff;color:#8b5cf6}.projects-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.projects-tech-filter-label{flex:1;font-size:.95rem;color:inherit;font-weight:500}.projects-tech-filter-arrow{opacity:.3}.projects-sort-select{width:100%;padding:12px 15px;border:2px solid #e9d5ff;border-radius:10px;font-size:.95rem;color:#2d3748;background:#fff;cursor:pointer;transition:all .3s ease}.projects-sort-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.projects-results-container{flex:1}.projects-results-header{background:#fff;padding:20px 25px;border-radius:16px;margin-bottom:25px;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f0}.projects-results-count{font-size:1.1rem;font-weight:600;color:#2d3748}.projects-list{display:flex;flex-direction:column;gap:20px}.projects-list-item{background:#fff;border-radius:16px;padding:25px;display:flex;gap:25px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;cursor:pointer;border:1px solid #f0f0f0}.projects-list-item:hover{box-shadow:0 8px 30px #8b5cf626;border-color:#8b5cf633}.projects-list-image{width:220px;height:160px;flex-shrink:0;border-radius:12px;overflow:hidden}.projects-list-image img{width:100%;height:100%;object-fit:cover}.projects-list-content{flex:1;display:flex;flex-direction:column}.projects-list-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:12px}.projects-list-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.projects-list-tag{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);color:#8b5cf6;padding:5px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.projects-list-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:16px;flex:1}.projects-list-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f0}.projects-list-stats{display:flex;gap:20px;flex-wrap:wrap}.projects-list-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#64748b;font-weight:600}.projects-list-stat:nth-child(3){color:#1f2937;font-weight:700}.projects-list-stat:nth-child(3) .projects-list-stat-icon{color:#fbbf24}.projects-list-stat-icon{display:inline-flex;align-items:center;justify-content:center;color:#8b5cf6}.projects-list-view-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:10px 28px;border-radius:20px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.projects-list-view-btn:hover{background:linear-gradient(135deg,#f59e0b,#f97316);transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b66}.projects-no-results{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;border:1px solid #f0f0f0}.projects-no-results-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;opacity:.4;color:#8b5cf6}.projects-no-results h3{font-size:1.8rem;color:#2d3748;margin-bottom:10px}.projects-no-results p{color:#64748b;font-size:1.1rem;margin-bottom:25px}.projects-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px;padding:30px 20px}.projects-pagination-btn{background:#fff;color:#8b5cf6;border:2px solid #e9d5ff;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.projects-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.projects-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.projects-pagination-numbers{display:flex;gap:6px;align-items:center}.projects-pagination-number{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.projects-pagination-number:hover{background:#f0e7ff;border-color:#c4b5fd;color:#8b5cf6}.projects-pagination-number.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.projects-pagination-dots{color:#9ca3af;font-weight:700;padding:0 5px}.projects-clear-filters-btn{background:#fff;color:#f97316;border:2px solid #f97316;padding:10px 24px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.projects-clear-filters-btn:hover{background:#f97316;color:#fff;box-shadow:0 4px 15px #f973164d}.projects-page-info{color:#8b5cf6;font-weight:500}@media(max-width:1200px){.projects-filters-container{flex-direction:column}.projects-sidebar{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.projects-sidebar-section{margin-bottom:0}}@media(max-width:768px){.projects-hero-section{padding:6rem 1rem 1.75rem}.projects-hero-title{font-size:1.875rem}.projects-hero-subtitle{font-size:.9375rem;margin-bottom:1.25rem}.projects-quick-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:.5rem;padding-bottom:4px;scrollbar-width:none}.projects-quick-filters::-webkit-scrollbar{display:none}.projects-quick-filter-btn{font-size:.8125rem;padding:.5rem 1rem;flex-shrink:0}.projects-popular-section,.projects-latest-section,.projects-all-section{padding:2rem 1rem}.projects-section-header{flex-direction:row;align-items:center;gap:.75rem;margin-bottom:1.25rem}.projects-section-title{font-size:1.5rem}.projects-view-all-btn{padding:8px 18px;font-size:.875rem;white-space:nowrap}.projects-grid{grid-template-columns:1fr;gap:1rem}.projects-card-content{padding:1rem 1.125rem}.projects-card-image{height:180px}.projects-card-title{font-size:1.125rem;margin-bottom:.75rem}.projects-category-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.projects-category-card{padding:1.5rem 1rem}.projects-category-card-icon{width:64px;height:64px;font-size:2rem;margin-bottom:.875rem}.projects-category-card-title{font-size:1.0625rem}.projects-list-item{flex-direction:column;padding:1rem;gap:.875rem}.projects-list-image{width:100%;height:170px}.projects-list-title{font-size:1.125rem}.projects-list-footer{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}.projects-list-view-btn{padding:8px 20px;font-size:.875rem}.projects-sidebar{grid-template-columns:1fr}.projects-pagination{flex-wrap:wrap;gap:8px;padding:1.5rem 1rem;margin-top:1.5rem}.projects-pagination-btn{padding:8px 14px;font-size:.875rem}}@media(max-width:480px){.projects-hero-section{padding:5.5rem 1rem 1.5rem}.projects-hero-title{font-size:1.625rem}.projects-popular-section,.projects-latest-section,.projects-all-section{padding:1.5rem .875rem}.projects-section-header{flex-direction:column;align-items:flex-start;gap:.625rem}.projects-section-title{font-size:1.375rem}.projects-category-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.projects-category-card{padding:1.25rem .75rem}.projects-pagination-number{min-width:34px;height:34px;font-size:.8125rem}.projects-clear-filters-btn{padding:8px 16px;font-size:.875rem}}.project-detail-container{min-height:100vh;background:#fff;padding-bottom:80px}.project-detail-hero{background:#f9fafb;color:#1f2937;padding:8rem 20px 3rem;position:relative;border-bottom:1px solid #e5e7eb}.project-detail-hero:before{display:none}.project-detail-hero-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.project-detail-back-btn{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:0;margin-bottom:30px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;float:right;box-shadow:0 1px 3px #0000000f}.project-detail-back-btn:hover{background:#f3f4f6;color:#8b5cf6;border-color:#c4b5fd;transform:translate(3px)}.project-detail-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;clear:both}.project-detail-category-badge{display:inline-block;background:#ede9fe;border:1px solid #c4b5fd;color:#7c3aed;padding:6px 16px;border-radius:100px;font-size:.8125rem;font-weight:700;margin-bottom:16px;letter-spacing:.04em}.project-detail-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:800;margin-bottom:15px;line-height:1.18;letter-spacing:-.02em;display:flex;flex-wrap:wrap;gap:.3rem;align-items:baseline}.project-detail-title-plain{color:#1f2937}.project-detail-title-gradient{background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-detail-subtitle{font-size:1.1rem;color:#6b7280;margin-bottom:25px;line-height:1.6}.project-detail-tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.project-detail-tech-tag{background:#ede9fe;padding:6px 14px;border-radius:100px;font-size:.875rem;font-weight:600;border:1px solid #c4b5fd;color:#6d28d9}.project-detail-rating-display{display:inline-flex;align-items:center;gap:8px;margin-bottom:25px;padding:8px 16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f}.project-detail-rating-icon{color:#fbbf24;flex-shrink:0}.project-detail-rating-value{font-size:1.1rem;font-weight:700;color:#1f2937;line-height:1;letter-spacing:-.02em}.project-detail-rating-scale{font-size:.875rem;font-weight:500;color:#6b7280;line-height:1}.project-detail-actions{display:flex;flex-wrap:wrap;gap:15px}.project-detail-download-btn,.project-detail-demo-btn,.project-detail-save-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.project-detail-download-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 6px 20px #8b5cf666}.project-detail-download-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 8px 25px #f9731680;transform:translateY(-2px)}.project-detail-btn-icon{display:inline-flex;align-items:center;justify-content:center}.project-detail-hero-image{width:100%;border-radius:16px;box-shadow:0 8px 32px #0000001f;border:1px solid #e5e7eb}.project-detail-tabs-section{max-width:1400px;margin:2rem auto 0;padding:0 20px;position:relative;z-index:10}.project-detail-tabs-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.project-detail-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef;overflow-x:auto;scrollbar-width:thin}.project-detail-tabs::-webkit-scrollbar{height:4px}.project-detail-tabs::-webkit-scrollbar-track{background:#f1f1f1}.project-detail-tabs::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:2px}.project-detail-tab{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 25px;background:transparent;border:none;color:#64748b;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.project-detail-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);opacity:0;transition:opacity .3s ease}.project-detail-tab:hover{background:#8b5cf60d;color:#8b5cf6}.project-detail-tab.active{color:#8b5cf6;background:#fff}.project-detail-tab.active:after{opacity:1}.project-detail-tab-icon{display:inline-flex;align-items:center;justify-content:center}.project-detail-content{padding:50px;min-height:600px}.project-detail-content-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid #e9d5ff}.project-detail-overview-text{font-size:1.1rem;line-height:1.8;color:#4a5568;margin-bottom:50px}.project-detail-features-list-clean{display:flex;flex-direction:column;gap:0;margin-bottom:50px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.project-detail-feature-row{padding:24px 28px;border-bottom:1px solid #e5e7eb;transition:all .2s ease}.project-detail-feature-row:last-child{border-bottom:none}.project-detail-feature-row:hover{background:#f9fafb}.project-detail-feature-row-title{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 8px;display:flex;align-items:center;gap:8px}.project-detail-feature-row-title:before{content:"";width:4px;height:4px;background:#8b5cf6;border-radius:50%;flex-shrink:0}.project-detail-feature-row-description{color:#6b7280;line-height:1.6;font-size:.95rem;margin:0;padding-left:12px}.project-detail-tech-stack-section{margin-top:50px}.project-detail-tech-badges{display:flex;flex-wrap:wrap;gap:12px}.project-detail-tech-badge{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);color:#8b5cf6;padding:12px 24px;border-radius:20px;font-size:1rem;font-weight:700;border:2px solid #c4b5fd}.project-detail-features-table{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.project-detail-feature-row-detailed{padding:28px 32px;border-bottom:1px solid #e5e7eb;transition:all .2s ease}.project-detail-feature-row-detailed:last-child{border-bottom:none}.project-detail-feature-row-detailed:hover{background:#f9fafb;border-left:4px solid #8b5cf6;padding-left:28px}.project-detail-feature-row-title-detailed{font-size:1.15rem;font-weight:600;color:#111827;margin:0 0 10px}.project-detail-feature-row-description-detailed{color:#6b7280;line-height:1.7;font-size:.98rem;margin:0}.project-detail-installation-section{margin-bottom:50px}.project-detail-installation-subtitle{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:25px;display:flex;align-items:center;gap:10px}.project-detail-prerequisites-list{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.project-detail-prerequisite-item{border-bottom:1px solid #e5e7eb;display:flex;align-items:center;font-size:.98rem;color:#374151;position:relative;padding:16px 24px 16px 48px}.project-detail-prerequisite-item:last-child{border-bottom:none}.project-detail-prerequisite-item:before{content:"";position:absolute;left:24px;width:6px;height:6px;background:#8b5cf6;border-radius:50%}.project-detail-prerequisite-item:hover{background:#f9fafb}.project-detail-steps-container{display:flex;flex-direction:column;gap:20px}.project-detail-step-card{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:25px;display:flex;gap:25px;transition:all .3s ease}.project-detail-step-card:hover{border-color:#8b5cf6;box-shadow:0 5px 20px #8b5cf61a}.project-detail-step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px #8b5cf64d}.project-detail-step-content{flex:1}.project-detail-step-title{font-size:1.25rem;font-weight:700;color:#2d3748;margin-bottom:15px}.project-detail-step-command{background:#1e293b;color:#10b981;padding:20px;border-radius:10px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.project-detail-notes-container{display:flex;flex-direction:column;gap:0;border:1px solid #fcd34d;border-radius:12px;overflow:hidden;background:#fffbeb}.project-detail-note-item{border-bottom:1px solid #fde68a;position:relative;padding:16px 24px 16px 48px}.project-detail-note-item:last-child{border-bottom:none}.project-detail-note-item:before{content:"i";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#fbbf24;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;font-style:italic}.project-detail-note-item p{color:#92400e;line-height:1.6;margin:0;font-size:.95rem}.project-detail-screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-detail-screenshot-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .25s ease;box-shadow:0 2px 10px #0000000d;cursor:pointer}.project-detail-screenshot-card:hover{border-color:#8b5cf6;box-shadow:0 8px 28px #8b5cf633;transform:translateY(-3px)}.project-detail-screenshot-img-wrap{width:100%;overflow:hidden;background:#f1f5f9;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.project-detail-screenshot-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.project-detail-screenshot-card:hover .project-detail-screenshot-image{transform:scale(1.05)}.project-detail-screenshot-info{padding:12px 14px 14px}.project-detail-screenshot-info-icon{display:none}.project-detail-screenshot-info-text{width:100%}.project-detail-screenshot-title{font-size:.88rem;font-weight:700;color:#1e293b;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-detail-screenshot-description{color:#64748b;font-size:.78rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:900px){.project-detail-screenshots-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.project-detail-screenshots-grid{grid-template-columns:1fr}}.project-detail-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.project-detail-files-category{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:25px;transition:all .3s ease}.project-detail-files-category:hover{border-color:#8b5cf6;box-shadow:0 5px 20px #8b5cf61a}.project-detail-files-category-title{font-size:1.35rem;font-weight:700;color:#2d3748;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e9d5ff}.project-detail-files-list{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.project-detail-file-item{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.95rem;transition:all .2s ease;position:relative;padding:14px 20px 14px 44px}.project-detail-file-item:last-child{border-bottom:none}.project-detail-file-item:before{content:"·";position:absolute;left:24px;font-size:1.5rem;font-weight:700;color:#8b5cf6}.project-detail-file-item:hover{background:#f9fafb;color:#111827}.project-detail-rating-summary{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:40px;margin-bottom:40px;text-align:center}.project-detail-rating-score{display:inline-block}.project-detail-rating-number{font-size:4rem;font-weight:800;color:#8b5cf6;display:block;margin-bottom:10px}.project-detail-rating-stars{font-size:2rem;color:#fbbf24;margin-bottom:10px}.project-detail-rating-count{color:#64748b;font-size:1rem}.project-detail-reviews-list{display:flex;flex-direction:column;gap:20px}.project-detail-review-card{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:25px;transition:all .3s ease}.project-detail-review-card:hover{border-color:#8b5cf6;box-shadow:0 5px 20px #8b5cf61a}.project-detail-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.project-detail-reviewer-info{display:flex;align-items:center;gap:15px}.project-detail-reviewer-avatar{font-size:3rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border-radius:50%}.project-detail-reviewer-name{font-size:1.1rem;font-weight:700;color:#2d3748;margin-bottom:4px}.project-detail-review-date{color:#64748b;font-size:.9rem}.project-detail-review-rating{color:#fbbf24;font-size:1.3rem}.project-detail-review-comment{color:#4a5568;line-height:1.7;font-size:1rem}.project-detail-info-sidebar{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px #0000001a;padding:20px;z-index:1000;display:none}.project-detail-info-card{max-width:1400px;margin:0 auto}.project-detail-info-title{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:15px}.project-detail-info-items{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.project-detail-info-item{display:flex;flex-direction:column;align-items:center}.project-detail-info-label{font-size:.85rem;color:#64748b;margin-bottom:5px}.project-detail-info-value{font-size:1.1rem;font-weight:700;color:#8b5cf6}.project-detail-info-rating{display:inline-flex;align-items:center;gap:6px;color:#2d3748;font-size:1rem;font-weight:600}.project-detail-info-rating svg{color:#fbbf24;flex-shrink:0}@media(max-width:1200px){.project-detail-hero-grid{grid-template-columns:1fr;gap:40px}.project-detail-hero-right{order:-1}}@media(max-width:768px){.project-detail-hero{padding:6rem 1rem 1.75rem}.project-detail-back-btn{float:none;display:inline-flex;margin-bottom:1.25rem;padding:7px 14px;font-size:.8125rem}.project-detail-hero-grid{gap:1.25rem}.project-detail-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:.75rem}.project-detail-subtitle{font-size:.9375rem;margin-bottom:1rem}.project-detail-tech-stack{margin-bottom:1rem;gap:.5rem}.project-detail-tech-tag{font-size:.8125rem;padding:4px 10px}.project-detail-actions{flex-direction:column;gap:.75rem}.project-detail-download-btn,.project-detail-demo-btn,.project-detail-save-btn{width:100%;justify-content:center;padding:12px 20px;font-size:.9375rem}.project-detail-tabs-section{padding:0 .75rem;margin-top:1.25rem}.project-detail-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.project-detail-tabs::-webkit-scrollbar{display:none}.project-detail-tab{flex:none;white-space:nowrap;min-width:auto;padding:14px 16px;font-size:.875rem;gap:6px}.project-detail-content{padding:1.5rem 1rem;min-height:auto}.project-detail-content-title{font-size:1.375rem;margin-bottom:1.25rem;padding-bottom:.75rem}.project-detail-overview-text{font-size:.9375rem;margin-bottom:1.5rem}.project-detail-feature-row{padding:1rem 1.125rem}.project-detail-feature-row-detailed{padding:1.125rem 1.25rem}.project-detail-step-card{flex-direction:column;gap:1rem;padding:1.125rem}.project-detail-step-number{width:40px;height:40px;font-size:1.125rem}.project-detail-step-title{font-size:1.0625rem;margin-bottom:.75rem}.project-detail-step-command{font-size:.8125rem;padding:.875rem}.project-detail-installation-subtitle{font-size:1.125rem}.project-detail-features-grid,.project-detail-files-grid{grid-template-columns:1fr}.project-detail-screenshots-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.project-detail-rating-summary{padding:1.5rem 1rem;margin-bottom:1.5rem}.project-detail-rating-number{font-size:3rem}.project-detail-review-card{padding:1rem}.project-detail-review-header{flex-direction:column;gap:.5rem}.project-detail-info-sidebar{display:block;padding:.875rem 1rem}.project-detail-info-title{font-size:.9375rem;margin-bottom:.75rem}.project-detail-info-items{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem .25rem;justify-items:center}.project-detail-info-label{font-size:.75rem;margin-bottom:2px}.project-detail-info-value{font-size:.9375rem}.project-detail-info-item:nth-child(4),.project-detail-info-item:nth-child(5){grid-column:span 1}.project-detail-info-items:has(.project-detail-info-item:nth-child(5)):not(:has(.project-detail-info-item:nth-child(6))){grid-template-columns:repeat(3,1fr)}.project-detail-container{padding-bottom:110px}}@media(max-width:480px){.project-detail-hero{padding:5.5rem .875rem 1.5rem}.project-detail-content{padding:1.25rem .875rem}.project-detail-content-title{font-size:1.25rem}.project-detail-screenshots-grid{grid-template-columns:1fr}.project-detail-tab{padding:12px 13px;font-size:.8125rem}.project-detail-tab-icon{display:none}.project-detail-info-sidebar{padding:.75rem .875rem}.project-detail-info-items{grid-template-columns:repeat(3,1fr);gap:.375rem .125rem}.project-detail-info-label{font-size:.6875rem}.project-detail-info-value,.project-detail-info-rating{font-size:.875rem}.project-detail-container{padding-bottom:100px}}.codetechy-page{min-height:100vh;background:#f8fafc;font-family:inherit}.codetechy-hero{background:#f9fafb;padding:8rem 0 1.5rem;text-align:center}.codetechy-hero-bg,.codetechy-blob,.blob-1,.blob-2{display:none}.codetechy-hero-content{position:relative;max-width:700px;margin:0 auto;text-align:center}.codetechy-hero-tag{display:inline-block;background:#ede9fe;border:1px solid #c4b5fd;color:#7c3aed;font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:.35rem 1rem;border-radius:100px;margin-bottom:1.5rem;margin-top:.25rem}.codetechy-hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .75rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.3rem;letter-spacing:-.02em}.codetechy-hero-title-plain{color:#1f2937}.codetechy-hero-title-gradient{background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.codetechy-hero-desc{font-size:1.05rem;color:#6b7280;line-height:1.7;margin:0 0 2rem}.codetechy-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.codetechy-btn-primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf64d}.codetechy-btn-primary:hover{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 20px #f9731666;transform:translateY(-2px)}.codetechy-btn-secondary{background:#fff;color:#8b5cf6;border:2px solid #a78bfa;padding:.75rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.codetechy-btn-secondary:hover{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #f9731659}.codetechy-btn-dashboard{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:2px solid transparent;padding:.75rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #7c3aed59;letter-spacing:.02em}.codetechy-btn-dashboard:hover{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 22px #f9731666;transform:translateY(-2px)}.codetechy-hero--super{background:#fff;padding:9rem 0 2.5rem;text-align:left;position:relative;overflow:hidden}.codetechy-hero-content--split{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;max-width:1200px;text-align:left;position:relative;z-index:1}.codetechy-hero-left{flex:1;max-width:650px;min-width:320px}.codetechy-hero--super .codetechy-hero-title{justify-content:flex-start;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.codetechy-hero--super .codetechy-hero-title-plain{color:#1a1a2e}.codetechy-hero--super .codetechy-hero-title-gradient{background:linear-gradient(135deg,#8b5cf6,#a78bfa 40%,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.codetechy-hero--super .codetechy-hero-desc{font-size:1.08rem;color:#4b5563;line-height:1.75;margin-bottom:2rem}.codetechy-hero-actions--inline{justify-content:flex-start;gap:.75rem;flex-wrap:nowrap;white-space:nowrap}.codetechy-hero--super .codetechy-btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 14px #f9731659;border-radius:10px;padding:.8rem 1.2rem;font-weight:700;flex-shrink:0}.codetechy-hero--super .codetechy-btn-primary:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 8px 24px #ea580c73;transform:translateY(-2px)}.codetechy-hero--super .codetechy-btn-secondary{border:2px solid #374151;color:#374151;background:transparent;border-radius:10px;padding:.8rem 1.2rem;font-weight:700;flex-shrink:0}.codetechy-hero--super .codetechy-btn-secondary:hover{background:#1a1a2e;border-color:#1a1a2e;color:#fff;box-shadow:0 6px 18px #1a1a2e40;transform:translateY(-2px)}.codetechy-hero--super .codetechy-btn-dashboard{margin-top:0;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:10px;padding:.8rem 1.2rem;font-weight:700;border:2px solid transparent;flex-shrink:0}.codetechy-hero--super .codetechy-btn-dashboard:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 8px 22px #6d28d966;transform:translateY(-2px)}.codetechy-hero-right{flex:1;max-width:450px;position:relative;display:flex;align-items:center;justify-content:center}.codetechy-hero-illustration{width:100%;max-width:480px;height:auto;object-fit:contain}.codetechy-sparkle{display:none}@media(max-width:900px){.codetechy-hero-content--split{flex-direction:column;text-align:center;gap:2rem}.codetechy-hero-left{max-width:100%;min-width:0}.codetechy-hero--super .codetechy-hero-title{justify-content:center;font-size:2.25rem}.codetechy-hero-actions--inline{justify-content:center;flex-wrap:wrap}.codetechy-hero-right{max-width:380px}.codetechy-hero-illustration{max-width:360px}}@media(max-width:600px){.codetechy-hero--super{padding:5.75rem 0 1.5rem}.codetechy-hero--super .codetechy-hero-title{font-size:1.85rem}.codetechy-hero--super .codetechy-hero-desc{font-size:.95rem}.codetechy-hero-actions--inline{flex-direction:column;align-items:center}.codetechy-hero--super .codetechy-btn-primary,.codetechy-hero--super .codetechy-btn-secondary,.codetechy-hero--super .codetechy-btn-dashboard{width:100%;max-width:260px;text-align:center;justify-content:center}.codetechy-hero-right{max-width:300px}.codetechy-hero-illustration{max-width:280px}}@media(max-width:480px){.codetechy-hero--super .codetechy-hero-title{font-size:1.6rem}.codetechy-hero-illustration{max-width:240px}}.codetechy-stats{padding:2.5rem 0;background:#fff;border-bottom:1px solid #e2e8f0}.codetechy-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:860px;margin:0 auto}.codetechy-stat-card{display:flex;flex-direction:column;align-items:center;gap:.3rem}.codetechy-stat-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.codetechy-stat-icon svg{width:1.25rem;height:1.25rem;stroke:#fff}.codetechy-stat-value{font-size:1.8rem;font-weight:800;color:#7c3aed}.codetechy-stat-label{font-size:.85rem;color:#6b7280;font-weight:500}.codetechy-challenges{padding:1.5rem 0}.codetechy-section-header{text-align:center;margin-bottom:2.5rem}.codetechy-section-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .6rem}.codetechy-section-sub{font-size:1rem;color:#6b7280;margin:0}.codetechy-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.codetechy-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;gap:.75rem}.codetechy-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #7c3aed1a;border-color:#c4b5fd}.codetechy-card-top{display:flex;align-items:center;justify-content:space-between}.codetechy-card-category{font-size:.75rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em}.codetechy-badge{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:100px}.codetechy-badge.easy{background:#ede9fe;color:#7c3aed}.codetechy-badge.medium{background:#ffedd5;color:#ea580c}.codetechy-badge.hard{background:#ffd9b3;color:#c2410c}.codetechy-card-title{font-size:1.05rem;font-weight:700;color:#1a202c;margin:0}.codetechy-card-desc{font-size:.88rem;color:#6b7280;line-height:1.55;margin:0;flex:1}.codetechy-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.codetechy-tag{background:#f3f4f6;color:#4b5563;font-size:.72rem;font-weight:500;padding:.2rem .55rem;border-radius:6px}.codetechy-solve-btn{background:none;border:none;color:#7c3aed;font-size:.88rem;font-weight:600;cursor:pointer;padding:0;text-align:left;transition:color .2s}.codetechy-solve-btn:hover{color:#5b21b6}@media(max-width:900px){.codetechy-cards-grid{grid-template-columns:repeat(2,1fr)}.codetechy-stats-grid{grid-template-columns:repeat(2,1fr);padding:0 1rem}}@media(max-width:768px){.codetechy-hero{padding:6rem 0 1.75rem}.codetechy-hero-title{font-size:2.125rem}.codetechy-hero-desc{font-size:.9375rem;padding:0 .25rem}.ct-filter-bar{flex-direction:column;align-items:stretch;gap:.75rem}.ct-filter-left-group{gap:.5rem;flex-wrap:wrap}.ct-filter-right{flex-wrap:nowrap;gap:.5rem}.ct-search-wrap{flex:1;min-width:0}.ct-search-wrap input{width:auto;flex:1;min-width:0}.ct-filter-select{flex-shrink:0;min-width:110px}.ct-th-acc,.ct-td-acc{display:none}}@media(max-width:600px){.codetechy-hero{padding:5.75rem 0 1.5rem}.codetechy-hero-title{font-size:1.875rem}.codetechy-cards-grid{grid-template-columns:1fr}.codetechy-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}.codetechy-hero-actions{flex-direction:column;align-items:center;gap:.75rem}.codetechy-btn-primary,.codetechy-btn-secondary{width:100%;max-width:260px;justify-content:center}.codetechy-section-title{font-size:1.5rem}.codetechy-section-sub{font-size:.9rem}.codetechy-challenges{padding:2.5rem 0 3rem}.ct-th-status,.ct-td-status,.ct-th-num,.ct-td-num,.ct-th-cat,.ct-td-cat,.ct-th-acc,.ct-td-acc{display:none}.ct-table{font-size:.9rem}.ct-table thead th,.ct-table tbody td{padding:.875rem 1rem}.ct-title-text{font-size:.9375rem;margin-bottom:.25rem}.ct-tags-row{gap:.25rem}.ct-tag{font-size:.7rem;padding:.15rem .45rem}.ct-diff-tab{font-size:.78rem;padding:.35rem .7rem;gap:.25rem}.ct-solved-tab{font-size:.78rem;padding:.3rem .65rem}.ct-showing-count{font-size:.78rem;padding:0 .5rem;text-align:center}}@media(max-width:480px){.codetechy-hero{padding:5.5rem 0 1.5rem}.codetechy-hero-title{font-size:1.75rem}.codetechy-stats{padding:1.75rem 0}.codetechy-stat-value{font-size:1.5rem}.codetechy-stat-label{font-size:.78rem}.codetechy-section-title{font-size:1.375rem}.ct-diff-tabs{gap:.25rem}.ct-diff-tab{font-size:.75rem;padding:.3rem .6rem}.ct-solved-tabs{padding:.15rem}.ct-solved-tab{font-size:.75rem;padding:.25rem .55rem}.ct-table thead th,.ct-table tbody td{padding:.75rem .875rem}.ct-badge{font-size:.72rem;padding:.22rem .6rem}}.ct-hero-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.ct-hstat{display:flex;flex-direction:column;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:.6rem 1.4rem;min-width:70px;color:#fff;font-size:.78rem;font-weight:500;letter-spacing:.03em}.ct-hstat.easy{background:#10b98140;border-color:#10b98180}.ct-hstat.medium{background:#f59e0b40;border-color:#f59e0b80}.ct-hstat.hard{background:#ef444440;border-color:#ef444480}.ct-hstat.solved{background:#6366f14d;border-color:#6366f199}.ct-hstat-val{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.2rem}.ct-list-section{padding:2.5rem 0 4rem;background:#f8fafc}.ct-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.ct-filter-left-group{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.ct-diff-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.ct-diff-tab{background:#fff;border:1.5px solid #c4b5fd;color:#7c3aed;font-size:.82rem;font-weight:600;padding:.4rem .9rem;border-radius:8px;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:.35rem}.ct-diff-tab:hover{background:#fff7ed;border-color:#f97316;color:#f97316}.ct-diff-tab.active,.ct-diff-tab.easy.active,.ct-diff-tab.medium.active,.ct-diff-tab.hard.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.ct-diff-count{background:#ffffff40;border-radius:100px;font-size:.7rem;padding:0 .35rem;line-height:1.5}.ct-diff-tab:not(.active) .ct-diff-count{background:#f3f4f6;color:#6b7280}.ct-filter-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ct-filter-select{background:#fff;border:1.5px solid #e2e8f0;color:#374151;font-size:.82rem;font-weight:500;padding:.4rem .75rem;border-radius:8px;outline:none;cursor:pointer;transition:border-color .18s}.ct-filter-select:focus{border-color:#7c3aed}.ct-search-wrap{display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.35rem .75rem;gap:.45rem;transition:border-color .18s}.ct-search-wrap:focus-within{border-color:#7c3aed}.ct-search-wrap svg{color:#9ca3af;flex-shrink:0}.ct-search-wrap input{border:none;outline:none;font-size:.82rem;color:#374151;background:transparent;width:180px}.ct-search-wrap input::placeholder{color:#9ca3af}.ct-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.ct-table{width:100%;border-collapse:collapse;font-size:.97rem}.ct-table thead th{background:#f9fafb;color:#6b7280;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.85rem 1.2rem;text-align:left;border-bottom:1px solid #e2e8f0}.ct-th-status{width:48px;text-align:center!important}.ct-th-num{width:48px}.ct-th-companies{width:180px}.ct-th-cat{width:130px}.ct-th-diff,.ct-th-acc{width:100px}.ct-row{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.ct-row:hover{background:#f8f6ff}.ct-row.solved{background:#f0fdf4}.ct-row.solved:hover{background:#ecfdf5}.ct-row:last-child{border-bottom:none}.ct-table tbody td{padding:1.1rem 1.2rem;vertical-align:middle}.ct-td-status{text-align:center}.ct-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#d1fae5;border-radius:50%;color:#059669}.ct-dot{display:inline-block;width:8px;height:8px;background:#d1d5db;border-radius:50%}.ct-td-num{color:#9ca3af;font-size:.8rem;font-weight:600}.ct-title-text{font-weight:600;color:#1a202c;display:block;margin-bottom:.3rem;font-size:1rem;transition:color .15s}.ct-row:hover .ct-title-text{color:#7c3aed}.ct-tags-row{display:flex;flex-wrap:wrap;gap:.3rem}.ct-tag{background:#f3f4f6;color:#6b7280;font-size:.75rem;padding:.18rem .55rem;border-radius:5px;font-weight:500}.ct-td-cat{color:#6b7280;font-size:.88rem}.ct-td-acc{color:#6b7280;font-size:.88rem;font-weight:600}.ct-companies-row{display:flex;flex-wrap:wrap;gap:.3rem}.ct-company-tag{background:#eff6ff;color:#3b82f6;font-size:.72rem;padding:.18rem .55rem;border-radius:5px;font-weight:500;border:1px solid #bfdbfe}.ct-diff-group-header td{padding:.6rem 1.2rem;border-bottom:1px solid #e2e8f0}.ct-group-header-inner{display:flex;align-items:center;gap:.65rem}.ct-diff-group-header.easy-header{background:#f5f3ff}.ct-diff-group-header.medium-header{background:#fff7ed}.ct-diff-group-header.hard-header{background:#fff4ee}.ct-group-label{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.22rem .8rem;border-radius:100px}.ct-group-label.easy{background:#ede9fe;color:#7c3aed}.ct-group-label.medium{background:#ffedd5;color:#ea580c}.ct-group-label.hard{background:#ffd9b3;color:#c2410c}.ct-group-range{color:#9ca3af;font-size:.82rem;font-weight:400}.ct-solved-tabs{display:flex;gap:.35rem;background:#f3f4f6;border-radius:8px;padding:.2rem}.ct-solved-tab{background:transparent;border:none;color:#6b7280;font-size:.82rem;font-weight:600;padding:.35rem .85rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .18s}.ct-solved-tab:hover{background:#e5e7eb;color:#374151}.ct-solved-tab.active{background:#fff;color:#374151;box-shadow:0 1px 3px #0000001a}.ct-solved-tab.solved.active{background:#d1fae5;color:#065f46}.ct-solved-tab.unsolved.active{background:#ede9fe;color:#7c3aed}.ct-badge{display:inline-block;font-size:.72rem;font-weight:500;padding:.18rem .55rem;border-radius:5px}.ct-badge.easy{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.ct-badge.medium{background:#ffedd5;color:#ea580c;border:1px solid #fed7aa}.ct-badge.hard{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.ct-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem;color:#9ca3af}.ct-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:ct-spin .7s linear infinite}.ct-empty{text-align:center;padding:4rem 0;color:#9ca3af}.ct-empty button{margin-top:.75rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.88rem;font-weight:600;cursor:pointer}.ct-showing-count{margin-top:1rem;font-size:.82rem;color:#9ca3af;text-align:center}.ct-login-hint{color:#7c3aed;font-weight:600;cursor:pointer;text-decoration:underline}.ct-progress-hint{color:#6b7280}.ct-progress-solved{color:#059669;font-weight:700}@media(max-width:768px){.ct-filter-bar{flex-direction:column;align-items:flex-start}.ct-search-wrap input{width:130px}.ct-th-cat,.ct-td-cat,.ct-th-acc,.ct-td-acc,.ct-th-companies,.ct-td-companies{display:none}}@media(max-width:500px){.ct-table{font-size:.82rem}.ct-tags-row{display:none}}.codetechy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;gap:1rem;color:#94a3b8;text-align:center}.codetechy-empty-icon{font-size:3rem}.codetechy-empty h3{font-size:1.4rem;font-weight:700;color:#e2e8f0;margin:0}.codetechy-empty p{font-size:.95rem;color:#64748b;margin:0}.codetechy-spinner{width:40px;height:40px;border:3px solid #334155;border-top-color:#7c3aed;border-radius:50%;animation:ct-spin .8s linear infinite}@keyframes ct-spin{to{transform:rotate(360deg)}}.ct-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;padding:1rem 0 .5rem;flex-wrap:wrap}.ct-pagination-btn{background:#fff;color:#8b5cf6;border:2px solid #e9d5ff;padding:.625rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.ct-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.ct-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ct-pagination-numbers{display:flex;gap:.375rem;align-items:center}.ct-pagination-number{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.ct-pagination-number:hover{background:#f0e7ff;border-color:#c4b5fd;color:#8b5cf6}.ct-pagination-number.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.ct-pagination-dots{color:#9ca3af;font-weight:700;padding:0 .3rem}@media(max-width:500px){.ct-pagination{gap:.5rem}.ct-pagination-btn{padding:.5rem .9rem;font-size:.82rem}.ct-pagination-number{min-width:34px;height:34px;font-size:.82rem}}.cw-root{display:flex;flex-direction:column;margin-top:0;height:100vh;width:100%;background:#f1f5f9;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;overflow:hidden}.cw-topbar{display:flex;align-items:center;justify-content:space-between;background:#0f172a;border-bottom:1px solid #1e293b;padding:0 1.25rem;height:50px;flex-shrink:0;gap:1rem}.cw-back-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid #334155;color:#94a3b8;font-size:.82rem;font-weight:500;padding:.32rem .85rem;border-radius:6px;cursor:pointer;transition:color .18s,border-color .18s,background .18s;white-space:nowrap}.cw-back-btn:hover{color:#f8fafc;border-color:#64748b;background:#1e293b}.cw-topbar-center{display:flex;align-items:center;gap:.6rem;flex:1;justify-content:center;min-width:0}.cw-problem-title{font-size:.9rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-diff-badge{font-size:.7rem;font-weight:700;padding:.17rem .65rem;border-radius:100px;flex-shrink:0;letter-spacing:.02em}.cw-diff-badge.diff-easy{background:#dcfce7;color:#15803d}.cw-diff-badge.diff-medium{background:#fff7ed;color:#c2410c}.cw-diff-badge.diff-hard{background:#fef2f2;color:#b91c1c}.cw-topbar-right{display:flex;align-items:center;gap:.75rem}.cw-acceptance{font-size:.78rem;color:#64748b;white-space:nowrap}.cw-body{display:flex;flex:1;overflow:hidden;gap:0}.cw-left-panel{display:flex;flex-direction:column;background:#fff;border-right:none;overflow:hidden;flex-shrink:0;min-width:0}.cw-panel-tabs{display:flex;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:0 .25rem}.cw-ptab{background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.83rem;font-weight:500;padding:.7rem 1.1rem;cursor:pointer;transition:color .18s,border-color .18s}.cw-ptab:hover{color:#111827}.cw-ptab.active{color:#0f172a;border-bottom-color:#0f172a;font-weight:600}.cw-panel-content{flex:1;overflow-y:auto;padding:1.4rem 1.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.cw-panel-content::-webkit-scrollbar{width:4px}.cw-panel-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cw-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}.cw-tag{font-size:.71rem;font-weight:600;background:#f1f5f9;color:#475569;padding:.22rem .6rem;border-radius:4px;border:1px solid #e2e8f0}.cw-tag.cat{background:#f8fafc;color:#334155;border-color:#cbd5e1}.cw-desc-text{font-size:.9rem;line-height:1.8;color:#374151;margin:0 0 1.5rem}.cw-inline-code{background:#f1f5f9;color:#0f172a;font-family:JetBrains Mono,Consolas,monospace;font-size:.82em;padding:.1em .4em;border-radius:4px;border:1px solid #e2e8f0}.cw-example{margin-bottom:1.25rem}.cw-example-label{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.cw-example-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.45rem}.cw-example-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.86rem}.cw-ex-key{color:#6b7280;font-weight:600;white-space:nowrap;flex-shrink:0}.cw-ex-val{font-family:JetBrains Mono,Consolas,monospace;font-size:.83rem;color:#111827;background:none}.cw-ex-explain{color:#6b7280;font-size:.85rem}.cw-constraints{margin-top:.5rem}.cw-constraints-label{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.cw-constraints-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.cw-constraints-list li{font-size:.84rem;color:#374151;font-family:JetBrains Mono,Consolas,monospace;padding-left:.75rem;position:relative}.cw-constraints-list li:before{content:"•";position:absolute;left:0;color:#9ca3af}.cw-editorial{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:.75rem;color:#9ca3af}.cw-editorial-icon svg{stroke:#d1d5db}.cw-editorial-text{font-size:.9rem;color:#6b7280;margin:0}.cw-editorial-hint{font-size:.85rem;color:#9ca3af;margin:0}.cw-h-divider{width:4px;background:#e2e8f0;cursor:col-resize;flex-shrink:0;transition:background .2s;position:relative;z-index:10}.cw-h-divider:after{content:"";position:absolute;inset-inline:-3px;inset-block:0}.cw-h-divider:hover{background:#94a3b8}.cw-v-divider{height:4px;background:#e2e8f0;cursor:row-resize;flex-shrink:0;transition:background .2s;position:relative;z-index:10}.cw-v-divider:after{content:"";position:absolute;inset-block:-3px;inset-inline:0}.cw-v-divider:hover{background:#94a3b8}.cw-right-panel{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc;min-width:0}.cw-editor-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 .85rem;height:42px;flex-shrink:0;gap:.5rem}.cw-lang-dropdown{position:relative;flex-shrink:0}.cw-lang-trigger{display:flex;align-items:center;gap:.45rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:0 .65rem;height:30px;min-width:130px;cursor:pointer;font-size:.82rem;font-weight:600;color:#111827;transition:border-color .18s,background .18s;font-family:inherit}.cw-lang-trigger svg{stroke:#64748b;flex-shrink:0}.cw-lang-trigger span{flex:1;text-align:left}.cw-lang-trigger:hover,.cw-lang-trigger.open{border-color:#0f172a;background:#fff}.cw-lang-chevron-icon{stroke:#94a3b8;flex-shrink:0;transition:transform .2s}.cw-lang-chevron-icon.flipped{transform:rotate(180deg)}.cw-lang-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:155px;background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;z-index:200;overflow:hidden;padding:4px}.cw-lang-option{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.45rem .75rem;font-size:.84rem;font-weight:500;color:#374151;cursor:pointer;border-radius:6px;font-family:inherit;transition:background .13s,color .13s;gap:.5rem}.cw-lang-option:hover{background:#f1f5f9;color:#0f172a}.cw-lang-option.active{background:#f0f9ff;color:#0f172a;font-weight:700}.cw-lang-option.active svg{stroke:#0284c7}.cw-reset-btn{display:flex;align-items:center;gap:.35rem;background:none;border:1px solid #e2e8f0;color:#6b7280;font-size:.78rem;padding:.28rem .7rem;border-radius:6px;cursor:pointer;transition:color .18s,border-color .18s,background .18s;white-space:nowrap;flex-shrink:0}.cw-reset-btn:hover{color:#111827;border-color:#94a3b8;background:#f1f5f9}.cw-editor-wrap{min-height:0;overflow:hidden;border-bottom:none}.cw-output-panel{display:flex;flex-direction:column;border-top:none;background:#fff;min-height:0;overflow:hidden}.cw-output-tabs{display:flex;align-items:center;gap:.1rem;border-bottom:1px solid #e2e8f0;padding:0 .75rem;flex-shrink:0}.cw-otab{display:flex;align-items:center;gap:.4rem;background:none;border:none;border-bottom:2px solid transparent;color:#9ca3af;font-size:.8rem;font-weight:500;padding:.55rem .75rem;cursor:pointer;transition:color .2s,border-color .2s}.cw-otab:hover{color:#374151}.cw-otab.active{color:#0f172a;border-bottom-color:#0f172a}.cw-result-badge{font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:100px}.cw-result-badge.pass{background:#dcfce7;color:#16a34a}.cw-result-badge.fail{background:#fee2e2;color:#dc2626}.cw-output-body{flex:1;overflow-y:auto;padding:.9rem 1.1rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.cw-output-body::-webkit-scrollbar{width:4px}.cw-output-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cw-testcases{display:flex;flex-direction:column;gap:.5rem}.cw-tc-row{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.55rem .85rem}.cw-tc-label{font-size:.78rem;font-weight:600;color:#6b7280;white-space:nowrap;flex-shrink:0}.cw-tc-val{font-family:JetBrains Mono,Consolas,monospace;font-size:.8rem;color:#1d4ed8;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-tc-hint{font-size:.8rem;color:#9ca3af;margin:.35rem 0 0}.cw-results{display:flex;flex-direction:column;gap:.65rem}.cw-results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.75rem;color:#d1d5db;text-align:center}.cw-results-empty p{margin:0;font-size:.85rem;color:#9ca3af}.cw-results-empty svg{stroke:#d1d5db}.cw-runtime-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.85rem 1rem}.cw-re-label{font-size:.78rem;font-weight:700;color:#dc2626;display:block;margin-bottom:.4rem}.cw-re-msg{font-family:JetBrains Mono,Consolas,monospace;font-size:.82rem;color:#b91c1c;margin:0;white-space:pre-wrap}.cw-info-msg{display:flex;align-items:flex-start;gap:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.9rem 1rem}.cw-info-msg svg{stroke:#3b82f6;flex-shrink:0;margin-top:2px}.cw-info-msg p{font-size:.86rem;color:#1d4ed8;margin:0;line-height:1.5}.cw-submit-banner{display:flex;align-items:center;gap:.6rem;border-radius:8px;padding:.85rem 1rem;font-weight:600;flex-shrink:0}.cw-submit-banner.accepted{background:#f0fdf4;border:1px solid #86efac;color:#15803d}.cw-submit-banner.wrong{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.cw-sb-status{font-size:.95rem;font-weight:700}.cw-sb-score{font-size:.82rem;font-weight:500;opacity:.8}.cw-sb-redirect{font-size:.75rem;opacity:.75;font-style:italic;margin-left:auto}.cw-result-list{display:flex;flex-direction:column;gap:.5rem}.cw-result-row{border-radius:8px;border:1px solid;overflow:hidden}.cw-result-row.pass{border-color:#86efac;background:#f0fdf4}.cw-result-row.fail{border-color:#fca5a5;background:#fef2f2}.cw-rr-header{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-bottom:1px solid rgba(0,0,0,.07)}.cw-rr-icon{display:flex;align-items:center}.cw-rr-icon.pass svg{stroke:#16a34a}.cw-rr-icon.fail svg{stroke:#dc2626}.cw-rr-label{font-size:.8rem;font-weight:600;color:#6b7280;flex:1}.cw-rr-status{font-size:.78rem;font-weight:700}.cw-rr-status.pass{color:#16a34a}.cw-rr-status.fail{color:#dc2626}.cw-rr-body{padding:.6rem .85rem;display:flex;flex-direction:column;gap:.3rem}.cw-rr-line{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem}.cw-rr-line>span{color:#64748b;font-weight:600;white-space:nowrap;flex-shrink:0}.cw-rr-line code{font-family:JetBrains Mono,Consolas,monospace;color:#111827;background:none;font-size:.82rem;word-break:break-all}.cw-rr-line.wrong-output code{color:#dc2626}.cw-console{font-family:JetBrains Mono,Consolas,monospace;font-size:.82rem;display:flex;flex-direction:column;gap:.2rem}.cw-console-line{color:#16a34a;padding:.15rem 0;border-bottom:1px solid #f1f5f9}.cw-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:.6rem 1rem;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0}.cw-run-btn,.cw-submit-btn{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;border:none;transition:opacity .2s,transform .15s}.cw-run-btn:disabled,.cw-submit-btn:disabled{opacity:.55;cursor:not-allowed}.cw-run-btn:not(:disabled):hover,.cw-submit-btn:not(:disabled):hover{transform:translateY(-1px)}.cw-run-btn{background:#f8fafc;color:#374151;border:1px solid #e2e8f0}.cw-run-btn:not(:disabled):hover{background:#f1f5f9;border-color:#94a3b8}.cw-submit-btn{background:#0f172a;color:#fff}.cw-submit-btn:not(:disabled):hover{background:#1e293b}.cw-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cw-spin .7s linear infinite;flex-shrink:0}@keyframes cw-spin{to{transform:rotate(360deg)}}@media(max-width:860px){.cw-body{flex-direction:column;overflow-y:auto}.cw-h-divider,.cw-v-divider{display:none}.cw-left-panel{width:100%!important;height:auto;max-height:45vh;border-right:none;border-bottom:1px solid #e2e8f0}.cw-right-panel{width:100%!important;min-height:55vh;height:auto!important}.cw-editor-wrap{height:40vh!important}.cw-output-panel{height:auto!important;max-height:280px}}.cw-editorial-body{font-size:.9rem;color:#374151;line-height:1.75;white-space:pre-wrap;padding:.25rem 0}.cw-submissions{overflow-y:auto}.cw-subs-empty{font-size:.88rem;color:#9ca3af;text-align:center;padding:2rem 0}.cw-subs-table{width:100%;border-collapse:collapse;font-size:.82rem}.cw-subs-table thead th{color:#6b7280;font-weight:600;text-align:left;padding:.4rem .6rem;border-bottom:1px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.cw-subs-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.cw-subs-table tbody tr:hover{background:#f8fafc}.cw-subs-table tbody td{padding:.5rem .6rem;color:#6b7280}.cw-subs-table .sub-accepted td{color:#111827}.cw-sub-status{display:inline-block;font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:100px}.cw-sub-status.pass{background:#dcfce7;color:#15803d}.cw-sub-status.fail{background:#fef2f2;color:#dc2626}.cw-solved-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;gap:.5rem;animation:cw-fade-in .4s ease}@keyframes cw-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cw-solved-icon{margin-bottom:.25rem}.cw-solved-title{font-size:1.5rem;font-weight:800;color:#15803d}.cw-solved-score{font-size:.9rem;color:#6b7280;font-weight:600}.cw-solved-meta{font-size:.8rem;color:#9ca3af}.cw-solved-msg{font-size:.82rem;color:#9ca3af;margin-top:.25rem}.cw-wrong-box{border:1px solid #fca5a5;border-radius:10px;overflow:hidden;margin-bottom:.75rem;animation:cw-fade-in .3s ease}.cw-wrong-header{display:flex;align-items:center;gap:.6rem;background:#fef2f2;padding:.75rem 1rem;color:#dc2626}.cw-wrong-title{font-weight:700;font-size:.92rem;flex:1}.cw-wrong-score{font-size:.8rem;color:#9ca3af}.cw-try-again-btn{margin-top:.75rem;background:#0f172a;color:#fff;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}.cw-try-again-btn:hover{background:#1e293b;transform:translateY(-1px)}.cw-try-again-btn.wrong{background:transparent;border:1.5px solid #dc2626;color:#dc2626;margin:.75rem 1rem}.cw-try-again-btn.wrong:hover{background:#fef2f2;transform:none}.cw-j0-notice{display:flex;gap:.85rem;background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.1rem;color:#6b7280;font-size:.85rem;line-height:1.6;animation:cw-fade-in .3s ease}.cw-j0-notice>svg{flex-shrink:0;margin-top:2px;color:#3b82f6}.cw-j0-title{font-weight:700;color:#111827;font-size:.92rem;margin-bottom:.2rem}.cw-j0-desc{color:#9ca3af;margin-bottom:.5rem}.cw-j0-steps{color:#6b7280}.cw-j0-steps b{color:#111827}.cw-j0-steps ol{margin:.35rem 0 0 1rem;padding:0}.cw-j0-steps li{margin-bottom:.2rem}.cw-j0-steps code{background:#f1f5f9;color:#0f172a;border-radius:4px;padding:1px 5px;font-size:.8rem;border:1px solid #e2e8f0}.cw-server-error-box{margin-top:.75rem;border:1px solid #fca5a5;border-radius:8px;overflow:hidden}.cw-err-label{background:#fef2f2;color:#dc2626;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .75rem}.cw-err-pre{background:#fff5f5;color:#b91c1c;font-size:.8rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;padding:.6rem .75rem;margin:0;white-space:pre-wrap;word-break:break-all;max-height:160px;overflow-y:auto}.cw-case-tabs{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap}.cw-case-tab{display:flex;align-items:center;gap:.35rem;background:#f8fafc;border:1px solid #e2e8f0;color:#6b7280;font-size:.8rem;font-weight:600;padding:.3rem .85rem;border-radius:6px;cursor:pointer;transition:all .15s}.cw-case-tab:hover{background:#f1f5f9;border-color:#94a3b8;color:#111827}.cw-case-tab.active{background:#fff;border-color:#0f172a;color:#0f172a}.cw-ctab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cw-ctab-dot.pass{background:#16a34a}.cw-ctab-dot.fail{background:#dc2626}.cw-tc-wrap{display:flex;flex-direction:column}.cw-tc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:#d1d5db;text-align:center;font-size:.84rem}.cw-tc-empty svg{stroke:#d1d5db}.cw-tc-empty p{margin:0;color:#9ca3af}.cw-case-body{display:flex;flex-direction:column;gap:.65rem}.cw-ioblock{display:flex;flex-direction:column;gap:.3rem}.cw-ioblock-label{font-size:.72rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.cw-ioblock-label.fail,.cw-ioblock-label.err{color:#dc2626}.cw-ioblock-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.6rem .9rem;font-size:.86rem;color:#111827}.cw-ioblock-value code{font-family:JetBrains Mono,Consolas,monospace;font-size:.85rem;background:none;color:#111827;word-break:break-all}.cw-ioblock-value.pass-text code{color:#15803d}.cw-ioblock-value.fail-text code{color:#dc2626}.cw-ioblock.err-block .cw-ioblock-value,.cw-ioblock.fail-block .cw-ioblock-value{border-color:#fca5a5;background:#fff5f5}.cw-ioblock-pre{font-family:JetBrains Mono,Consolas,monospace;font-size:.82rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.65rem .9rem;margin:0;white-space:pre-wrap;word-break:break-all;color:#111827;max-height:140px;overflow-y:auto}.cw-ioblock-pre.err{border-color:#fca5a5;color:#dc2626;background:#fff5f5}.cw-var-row{display:flex;align-items:baseline;gap:.45rem;padding:.12rem 0}.cw-var-key{color:#1d4ed8;font-family:JetBrains Mono,Consolas,monospace;font-size:.84rem;font-weight:600;flex-shrink:0}.cw-var-eq{color:#9ca3af;font-size:.84rem}.cw-var-val{font-family:JetBrains Mono,Consolas,monospace;font-size:.84rem;color:#111827;word-break:break-all}.cw-verdict-banner{display:flex;align-items:center;gap:.85rem;border-radius:10px;padding:.9rem 1.1rem;margin-bottom:.9rem;animation:cw-fade-in .3s ease;flex-wrap:wrap}.cw-verdict-banner.ve-accepted{background:#f0fdf4;border:1px solid #86efac}.cw-verdict-banner.ve-wrong,.cw-verdict-banner.ve-error{background:#fef2f2;border:1px solid #fca5a5}.cw-verdict-banner.ve-compile{background:#faf5ff;border:1px solid #d8b4fe}.cw-vb-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ve-accepted .cw-vb-icon{background:#16a34a}.ve-wrong .cw-vb-icon,.ve-error .cw-vb-icon{background:#dc2626}.ve-compile .cw-vb-icon{background:#7c3aed}.cw-vb-icon svg{stroke:#fff}.cw-vb-icon.accepted-icon{background:#16a34a}.cw-vb-body{flex:1;min-width:0}.cw-vb-title{font-size:1rem;font-weight:800;line-height:1.2}.ve-accepted .cw-vb-title{color:#15803d}.ve-wrong .cw-vb-title,.ve-error .cw-vb-title{color:#dc2626}.ve-compile .cw-vb-title{color:#7c3aed}.cw-vb-sub{font-size:.78rem;margin-top:.2rem;opacity:.8}.ve-accepted .cw-vb-sub{color:#166534}.ve-wrong .cw-vb-sub,.ve-error .cw-vb-sub{color:#b91c1c}.ve-compile .cw-vb-sub{color:#6d28d9}.cw-vb-action{background:#059669;color:#fff;border:none;border-radius:7px;padding:.42rem 1.1rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s,transform .15s;white-space:nowrap}.cw-vb-action:hover{background:#15803d;transform:translateY(-1px)}.cw-vb-action.wrong{background:transparent;border:1.5px solid #dc2626;color:#dc2626}.cw-vb-action.wrong:hover{background:#fef2f2;transform:none}.cw-result-case-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.9rem}.cw-rct-btn{display:flex;align-items:center;gap:.35rem;background:#f8fafc;border:1px solid #e2e8f0;color:#6b7280;font-size:.8rem;font-weight:600;padding:.3rem .85rem;border-radius:6px;cursor:pointer;transition:all .15s}.cw-rct-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#111827}.cw-rct-btn.active{background:#fff;border-color:#0f172a;color:#0f172a}.cw-rct-btn.pass.active{border-color:#16a34a}.cw-rct-btn.fail.active{border-color:#dc2626}.cw-rct-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cw-rct-dot.pass{background:#16a34a}.cw-rct-dot.fail{background:#dc2626}.cw-server-hint{color:#9ca3af;font-size:.8rem;font-style:italic}.cw-accepted-confetti{text-align:center;margin-top:.5rem}.cw-solved-msg{font-size:.84rem;color:#9ca3af;margin:.4rem 0 0}.sud-page{min-height:100vh;background:#f8fafc;padding-bottom:60px}.sud-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#64748b;font-size:1.1rem}.sud-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #7c3aed;border-radius:50%;animation:sud-spin .7s linear infinite}@keyframes sud-spin{to{transform:rotate(360deg)}}.sud-hero{position:relative;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4c1d95);padding:130px 24px 50px;overflow:hidden;border-radius:0 0 32px 32px}.sud-hero-bg-shapes{position:absolute;inset:0;pointer-events:none}.sud-shape{position:absolute;border-radius:50%;opacity:.08}.sud-shape-1{width:300px;height:300px;background:#f97316;top:-80px;right:-60px}.sud-shape-2{width:200px;height:200px;background:#7c3aed;bottom:-50px;left:10%}.sud-shape-3{width:150px;height:150px;background:#06b6d4;top:40%;right:30%}.sud-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.sud-back-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#e2e8f0;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);float:right;margin-bottom:16px}.sud-back-btn:hover{background:#fffffff2;border-color:#fff;color:#7c3aed;box-shadow:0 4px 14px #00000026;transform:translateY(-1px)}.sud-greeting{clear:both;color:#c4b5fd;font-size:1rem;margin:0 0 8px}.sud-hero-title{font-size:2.5rem;font-weight:800;margin:0 0 12px;line-height:1.15}.sud-title-plain{color:#fff}.sud-title-gradient{background:linear-gradient(135deg,#f97316,#fb923c,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sud-hero-desc{color:#a5b4fc;font-size:1.05rem;margin:0 0 28px;max-width:550px;line-height:1.6}.sud-hero-stats-row{display:flex;gap:20px;flex-wrap:wrap}.sud-hero-stat{background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:16px 28px;display:flex;flex-direction:column;align-items:center;min-width:120px}.sud-hero-stat-value{font-size:1.8rem;font-weight:800;color:#fff}.sud-hero-stat-label{font-size:.78rem;color:#a5b4fc;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.sud-challenges-section,.sud-stats-section,.sud-leaderboard-section,.sud-achievements-section,.sud-problems-section{max-width:1200px;margin:0 auto;padding:40px 24px 0}.sud-section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 24px;display:flex;align-items:center;gap:10px}.sud-challenge-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sud-challenge-card{background:#fff;border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;transition:transform .25s,box-shadow .25s;border:1px solid #f1f5f9}.sud-challenge-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.sud-challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.sud-card-daily:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.sud-card-weekly:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.sud-card-monthly:before{background:linear-gradient(90deg,#f97316,#fbbf24)}.sud-card-special:before{background:linear-gradient(90deg,#059669,#34d399)}.sud-card-badge{position:absolute;top:12px;right:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;border-radius:20px;color:#fff}.sud-card-daily .sud-card-badge{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.sud-card-weekly .sud-card-badge{background:linear-gradient(135deg,#2563eb,#3b82f6)}.sud-card-monthly .sud-card-badge{background:linear-gradient(135deg,#f97316,#fb923c)}.sud-card-special .sud-card-badge{background:linear-gradient(135deg,#059669,#10b981)}.sud-challenge-card h3{font-size:1.05rem;font-weight:700;color:#1e293b;margin:8px 0;line-height:1.3}.sud-card-meta{font-size:.82rem;color:#64748b;margin:0 0 16px}.sud-card-progress{margin-bottom:16px}.sud-progress-bar{height:6px;background:#e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:6px}.sud-progress-fill{height:100%;border-radius:8px;transition:width .5s ease}.sud-daily-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.sud-weekly-fill{background:linear-gradient(90deg,#2563eb,#60a5fa)}.sud-monthly-fill{background:linear-gradient(90deg,#f97316,#fbbf24)}.sud-special-fill{background:linear-gradient(90deg,#059669,#34d399)}.sud-progress-text{font-size:.75rem;color:#94a3b8;font-weight:500}.sud-card-btn{width:100%;padding:10px;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.sud-btn-daily{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.sud-btn-weekly{background:linear-gradient(135deg,#2563eb,#3b82f6)}.sud-btn-monthly{background:linear-gradient(135deg,#f97316,#fb923c)}.sud-btn-special{background:linear-gradient(135deg,#059669,#10b981)}.sud-card-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sud-card-empty{opacity:.7}.sud-card-empty-text{color:#94a3b8;font-size:.85rem;font-style:italic}.sud-problems-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sud-problems-back{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.sud-problems-back:hover{background:#e2e8f0}.sud-problems-list{display:flex;flex-direction:column;gap:8px}.sud-problem-row{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:14px 20px;transition:all .2s}.sud-problem-row:hover{background:#faf5ff;border-color:#e9d5ff;box-shadow:0 2px 8px #7c3aed0d}.sud-problem-solved{background:#f0fdf4;border-color:#bbf7d0}.sud-problem-solved:hover{background:#dcfce7;border-color:#86efac}.sud-problem-num{font-size:.82rem;color:#94a3b8;font-weight:600;min-width:28px}.sud-problem-status{min-width:24px;display:flex;align-items:center;justify-content:center}.sud-check-icon{display:flex;align-items:center}.sud-pending-icon{color:#d1d5db;font-size:1.1rem}.sud-problem-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.sud-problem-title{font-weight:600;color:#1e293b;font-size:.92rem}.sud-difficulty-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap}.sud-diff-easy{color:#059669;background:#ecfdf5}.sud-diff-medium{color:#d97706;background:#fffbeb}.sud-diff-hard{color:#dc2626;background:#fef2f2}.sud-problem-category{font-size:.82rem;color:#64748b;min-width:80px}.sud-problem-points{font-size:.85rem;font-weight:600;min-width:70px;text-align:right}.sud-earned{color:#059669}.sud-available{color:#7c3aed}.sud-solve-btn{padding:7px 18px;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;transition:all .2s;white-space:nowrap}.sud-solve-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.sud-solved-btn{background:#dcfce7;color:#059669;cursor:default}.sud-no-data{text-align:center;color:#94a3b8;padding:40px;font-size:.95rem}.sud-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sud-stat-card{background:#fff;border-radius:16px;padding:24px;text-align:center;position:relative;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a;transition:transform .25s}.sud-stat-card:hover{transform:translateY(-3px)}.sud-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.sud-stat-daily:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.sud-stat-weekly:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.sud-stat-monthly:before{background:linear-gradient(90deg,#f97316,#fbbf24)}.sud-stat-special:before{background:linear-gradient(90deg,#059669,#34d399)}.sud-stat-number{font-size:2rem;font-weight:800;color:#1e293b}.sud-stat-label{font-size:.82rem;color:#64748b;margin-top:4px}.sud-stat-points{font-size:.78rem;color:#7c3aed;font-weight:600;margin-top:6px}.sud-leaderboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.sud-leaderboard-header .sud-section-title{margin:0}.sud-lb-filter-tabs{display:flex;gap:6px;background:#f1f5f9;border-radius:10px;padding:4px}.sud-lb-tab{padding:6px 14px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.sud-lb-tab-active{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed40}.sud-podium{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;padding:20px 0}.sud-podium-item{display:flex;flex-direction:column;align-items:center;gap:6px}.sud-podium-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;text-transform:uppercase}.sud-podium-avatar-1{background:linear-gradient(135deg,#f97316,#fbbf24);box-shadow:0 4px 12px #f973164d}.sud-podium-avatar-2{background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:0 4px 12px #94a3b84d}.sud-podium-avatar-3{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 12px #b453094d}.sud-podium-name{font-weight:700;color:#1e293b;font-size:.9rem;text-align:center}.sud-podium-score{font-size:.82rem;color:#7c3aed;font-weight:600}.sud-podium-block{width:70px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;border-radius:8px 8px 0 0;font-size:1.2rem}.sud-block-1{height:80px;background:linear-gradient(135deg,#f97316,#fbbf24)}.sud-block-2{height:60px;background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.sud-block-3{height:45px;background:linear-gradient(135deg,#b45309,#d97706)}.sud-lb-table-wrap{background:#fff;border-radius:16px;border:1px solid #f1f5f9;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sud-lb-table{width:100%;border-collapse:collapse}.sud-lb-table thead th{background:linear-gradient(135deg,#f97316,#fb923c);padding:12px 20px;text-align:left;font-size:.78rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.sud-lb-table tbody tr{transition:background .2s}.sud-lb-table tbody tr:hover{background:#faf5ff}.sud-lb-table td{padding:14px 20px;border-bottom:1px solid #f1f5f9;font-size:.9rem}.sud-lb-rank{font-weight:700;font-size:.9rem;min-width:50px;color:#64748b}.sud-lb-name{display:flex;align-items:center;gap:10px;font-weight:600;color:#1e293b}.sud-lb-avatar{width:32px;height:32px;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.sud-you-badge{font-size:.65rem;background:#7c3aed;color:#fff;padding:2px 8px;border-radius:12px;font-weight:600}.sud-top-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.sud-top-1{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.sud-top-2{background:#f1f5f9;color:#64748b}.sud-top-3{background:#fef3c7;color:#92400e}.sud-lb-score{font-weight:700;color:#7c3aed}.sud-lb-current-user{background:#faf5ff!important;border-left:3px solid #7c3aed}.sud-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sud-badge-card{background:#fff;border-radius:16px;padding:24px;text-align:center;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a;transition:transform .25s}.sud-badge-card:hover{transform:translateY(-3px)}.sud-badge-unlocked{border-color:#fbbf24;box-shadow:0 4px 15px #fbbf2426}.sud-badge-locked{opacity:.6}.sud-badge-icon{margin-bottom:8px;display:flex;align-items:center;justify-content:center}.sud-badge-icon-champ{color:#f97316}.sud-badge-icon-guru{color:#7c3aed}.sud-badge-icon-streak{color:#ef4444}.sud-badge-icon-special{color:#eab308}.sud-badge-card h4{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 4px}.sud-badge-card p{font-size:.78rem;color:#64748b;margin:0 0 12px}.sud-badge-progress{display:flex;align-items:center;gap:8px}.sud-badge-progress span{font-size:.72rem;color:#94a3b8;font-weight:600;white-space:nowrap}.sud-badge-bar{flex:1;height:5px;background:#e2e8f0;border-radius:8px;overflow:hidden}.sud-badge-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#f97316);border-radius:8px;transition:width .7s ease}@media(max-width:1024px){.sud-challenge-cards,.sud-stats-grid,.sud-badges-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sud-hero{padding:28px 16px 36px}.sud-hero-title{font-size:1.8rem}.sud-hero-stats-row{gap:12px}.sud-hero-stat{padding:12px 18px;min-width:90px}.sud-hero-stat-value{font-size:1.4rem}.sud-challenge-cards{grid-template-columns:1fr}.sud-stats-grid{grid-template-columns:repeat(2,1fr)}.sud-badges-grid{grid-template-columns:1fr 1fr}.sud-podium-block{width:56px}.sud-lb-filter-tabs{width:100%;overflow-x:auto}.sud-leaderboard-header,.sud-problems-header{flex-direction:column;align-items:flex-start}.sud-problem-row{flex-wrap:wrap;gap:8px;padding:12px 14px}.sud-problem-category{display:none}}@media(max-width:480px){.sud-hero-title{font-size:1.5rem}.sud-hero-stats-row{flex-direction:column}.sud-hero-stat{flex-direction:row;gap:12px;width:100%;justify-content:center}.sud-stats-grid,.sud-badges-grid{grid-template-columns:1fr}.sud-podium{gap:8px}.sud-section-title{font-size:1.2rem}}.sp-devtools-overlay{position:fixed;inset:0;z-index:2147483647;background:#fff;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sp-devtools-box{text-align:center;padding:3rem 2.5rem;max-width:420px;border-radius:20px;border:1.5px solid #fee2e2;background:#fff;box-shadow:0 20px 60px #0000001a}.sp-devtools-icon{display:flex;justify-content:center;margin-bottom:1.25rem}.sp-devtools-title{font-size:1.6rem;font-weight:800;color:#111827;margin:0 0 .75rem;letter-spacing:-.02em}.sp-devtools-msg{font-size:1rem;color:#6b7280;margin:0 0 .5rem;line-height:1.6}.sp-devtools-hint{font-size:.875rem;color:#9ca3af;margin:0}.sp-screenshot-overlay{position:fixed;inset:0;z-index:2147483646;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .1s ease;-webkit-user-select:none;user-select:none}.sp-screenshot-overlay.sp-overlay-visible{opacity:1;pointer-events:all;visibility:visible}.sp-screenshot-box{text-align:center;padding:2.5rem 2rem;max-width:380px;border-radius:18px;background:#fff;box-shadow:0 24px 64px #00000080}.sp-screenshot-icon{display:flex;justify-content:center;margin-bottom:1rem}.sp-screenshot-title{font-size:1.4rem;font-weight:800;color:#111827;margin:0 0 .6rem;letter-spacing:-.02em}.sp-screenshot-msg{font-size:.95rem;color:#6b7280;margin:0;line-height:1.6}@media print{html,body{visibility:hidden!important}html:after{content:"This content is protected.\aPrinting and saving are not permitted.";white-space:pre;visibility:visible!important;display:block!important;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.4rem;font-weight:700;color:#dc2626;margin-top:40vh}}body.sp-no-select,body.sp-no-select *{user-select:none!important;-webkit-user-select:none!important;cursor:default}body.sp-no-select input,body.sp-no-select textarea,body.sp-no-select [contenteditable=true]{user-select:text!important;-webkit-user-select:text!important;cursor:text}.ai-chatbot-trigger{position:fixed;bottom:28px;right:28px;z-index:9999;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #f9731673;transition:transform .2s ease,box-shadow .2s ease;outline:none}.ai-chatbot-trigger:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 6px 28px #f973168c}.ai-chatbot-trigger.active{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 4px 16px #0000004d}.notification-dot{position:absolute;top:5px;right:5px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid #fff;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.ai-chatbot-window{position:fixed;bottom:96px;right:28px;z-index:9998;width:360px;max-width:calc(100vw - 40px);height:520px;max-height:calc(100vh - 120px);background:#fff;border-radius:20px;box-shadow:0 8px 40px #0000002e,0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1);border:1px solid rgba(249,115,22,.12)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;flex-shrink:0}.ai-chatbot-header-info{display:flex;align-items:center;gap:10px}.ai-bot-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-bot-name{margin:0;font-size:14px;font-weight:600;line-height:1.2}.ai-bot-status{margin:0;font-size:11px;opacity:.85;display:flex;align-items:center;gap:4px;line-height:1.2}.status-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;display:inline-block;animation:blink-status 2s infinite}@keyframes blink-status{0%,to{opacity:1}50%{opacity:.4}}.ai-chatbot-header-actions{display:flex;align-items:center;gap:8px}.ai-new-chat-btn{display:flex;align-items:center;gap:5px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;border-radius:20px;padding:5px 11px;font-size:12px;font-weight:500;font-family:inherit;letter-spacing:.01em;transition:background .15s,border-color .15s;white-space:nowrap}.ai-new-chat-btn:hover{background:#ffffff4d;border-color:#ffffff80}.ai-header-divider{width:1px;height:20px;background:#ffffff40;flex-shrink:0}.ai-minimise-btn{background:transparent;border:none;color:#ffffffd9;cursor:pointer;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.ai-minimise-btn:hover{background:#ef444459;color:#fff}.ai-chatbot-messages{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.ai-chatbot-messages::-webkit-scrollbar{width:4px}.ai-chatbot-messages::-webkit-scrollbar-track{background:transparent}.ai-chatbot-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.ai-message{display:flex;align-items:flex-end;gap:7px;animation:fadeInMsg .2s ease}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bot-message-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.user-message{flex-direction:row-reverse}.message-bubble{max-width:80%;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.55;word-break:break-word}.bot-message .message-bubble{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:6px}.user-message .message-bubble{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-bottom-right-radius:6px}.error-message .message-bubble{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.message-bubble code.inline-code{background:#00000014;border-radius:4px;padding:1px 5px;font-family:Fira Code,Courier New,monospace;font-size:12.5px}.user-message .message-bubble code.inline-code{background:#fff3}.message-bubble pre{background:#1e1e2e;color:#cdd6f4;border-radius:8px;padding:10px 12px;overflow-x:auto;font-size:12px;margin:6px 0;font-family:Fira Code,Courier New,monospace;line-height:1.5}.message-bubble pre code{background:transparent;color:inherit;padding:0;font-size:inherit}.message-bubble h1,.message-bubble h2,.message-bubble h3{margin:6px 0 4px;font-size:14px}.message-bubble ul{margin:4px 0 4px 16px;padding:0}.message-bubble li{margin-bottom:3px}.typing-indicator{display:flex;align-items:center;gap:5px;padding:12px 16px!important;min-width:60px}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:bounce-dot 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.ai-quick-questions{padding:0 14px 10px;flex-shrink:0}.quick-label{font-size:11px;color:#9ca3af;margin:0 0 6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.quick-chips{display:flex;flex-wrap:wrap;gap:6px}.quick-chip{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c;border-radius:20px;padding:4px 10px;font-size:11.5px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.quick-chip:hover{background:#f97316;color:#fff;border-color:#f97316}.ai-chatbot-input-area{display:flex;align-items:flex-end;gap:8px;padding:10px 14px 12px;border-top:1px solid #f3f4f6;background:#fff;flex-shrink:0}.ai-chatbot-input{flex:1;border:1.5px solid #e5e7eb;border-radius:12px;padding:9px 12px;font-size:13.5px;resize:none;outline:none;font-family:inherit;color:#1f2937;background:#f9fafb;transition:border-color .2s;max-height:100px;overflow-y:auto;line-height:1.5}.ai-chatbot-input:focus{border-color:#f97316;background:#fff}.ai-chatbot-input::placeholder{color:#9ca3af;font-size:13px}.ai-send-btn{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,opacity .15s}.ai-send-btn:hover:not(.disabled){transform:scale(1.05)}.ai-send-btn.disabled{opacity:.4;cursor:not-allowed}.ai-powered-by{text-align:center;font-size:10.5px;color:#d1d5db;margin:0;padding:0 0 8px;letter-spacing:.03em}@media(max-width:480px){.ai-chatbot-trigger{bottom:18px;right:18px;width:50px;height:50px}.ai-chatbot-window{bottom:80px;right:10px;left:10px;width:auto;max-width:100%;height:480px}}.rwd-page{min-height:100vh;background:#f9fafb;padding-top:80px;font-family:Inter,Segoe UI,system-ui,sans-serif}.rwd-loading,.rwd-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:35vh;gap:1rem;color:#6b7280;padding:2rem 1.5rem;text-align:center}.rwd-gate-icon-wrap{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.rwd-gate h2{margin:0 0 .4rem;font-size:1.4rem;font-weight:700;color:#1f2937}.rwd-gate p{margin:0;font-size:.95rem;color:#6b7280;max-width:360px}.rwd-spinner{width:60px;height:60px;border:5px solid #f3e8ff;border-top-color:#8b5cf6;border-radius:50%;animation:rwd-spin .75s linear infinite}@keyframes rwd-spin{to{transform:rotate(360deg)}}.rwd-hero-section{background:#f9fafb;padding:5rem 1.25rem 2.5rem;text-align:center}.rwd-page-title{font-size:2.8rem;font-weight:800;color:#1f2937;margin:0 0 .75rem;letter-spacing:-.5px;line-height:1.15}.rwd-title-gradient{background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rwd-page-subtitle{font-size:1.1rem;color:#6b7280;margin:0 auto;max-width:480px}.rwd-container{max-width:860px;margin:0 auto;padding:0 1.5rem 5rem}.rwd-offline-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;border-radius:12px;padding:.75rem 1rem;font-size:.88rem;font-weight:500;margin-bottom:1.5rem;flex-wrap:wrap}.rwd-offline-left{display:flex;align-items:center;gap:.5rem}.rwd-retry-btn{padding:.35rem 1.1rem;background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border:none;border-radius:50px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.rwd-retry-btn:hover{opacity:.85}.rwd-stats-bar{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;display:flex;align-items:center;padding:1.25rem 1.75rem;margin-bottom:1.75rem}.rwd-stat-item{display:flex;align-items:center;gap:.85rem;flex:1;justify-content:center;min-width:0}.rwd-stat-divider{width:1px;height:40px;background:#e5e7eb;flex-shrink:0;margin:0 .5rem}.rwd-stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rwd-stat-icon--violet{background:#ede9fe;color:#7c3aed}.rwd-stat-icon--orange{background:#fff7ed;color:#c2410c}.rwd-stat-icon--green{background:#f0fdf4;color:#16a34a}.rwd-stat-icon--blue{background:#eff6ff;color:#2563eb}.rwd-stat-info{display:flex;flex-direction:column;gap:.15rem}.rwd-stat-num{font-size:1.9rem;font-weight:800;color:#0f172a;line-height:1}.rwd-stat-lbl{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.rwd-card{background:#fff;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;border:1px solid #e5e7eb;margin-bottom:1.5rem}.rwd-card-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.rwd-card-header-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rwd-card-header-icon--purple{background:#ede9fe;color:#7c3aed}.rwd-card-header-icon--blue{background:#eff6ff;color:#2563eb}.rwd-card-title{margin:0;font-size:1.15rem;font-weight:700;color:#1f2937}.rwd-code-hint{font-size:.9rem;color:#6b7280;margin:0 0 1.1rem}.rwd-code-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.rwd-code-display{flex:1;min-width:160px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:center}.rwd-code-text{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.3em;color:#7c3aed;background:none}.rwd-code-actions{display:flex;gap:.6rem;flex-wrap:wrap}.rwd-copy-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.35rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.rwd-copy-btn:hover{opacity:.88;transform:translateY(-1px)}.rwd-copy-btn--success{background:linear-gradient(135deg,#34d399,#10b981)}.rwd-whatsapp-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.35rem;background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;border:none;border-radius:50px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.rwd-whatsapp-btn:hover{opacity:.88;transform:translateY(-1px)}.rwd-section-title{margin:0 0 1.25rem;font-size:1.1rem;font-weight:700;color:#1f2937}.rwd-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem}.rwd-step{background:#f9fafb;border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;gap:.65rem}.rwd-step-top{display:flex;align-items:center;justify-content:space-between}.rwd-step-icon-box{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center}.rwd-step-icon-box--purple{background:#ede9fe;color:#7c3aed}.rwd-step-icon-box--blue{background:#eff6ff;color:#2563eb}.rwd-step-icon-box--amber{background:#fffbeb;color:#d97706}.rwd-step-icon-box--green{background:#f0fdf4;color:#16a34a}.rwd-step-num{font-size:1.6rem;font-weight:900;color:#e5e7eb;line-height:1;letter-spacing:-1px}.rwd-step h4{margin:0;font-size:.95rem;font-weight:700;color:#1f2937}.rwd-step p{margin:0;font-size:.85rem;color:#6b7280;line-height:1.55}.rwd-example-banner{background:#fefce8;border:1px solid #fef08a;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.5rem;color:#713f12}.rwd-example-icon{color:#d97706;flex-shrink:0;margin-top:1px}.rwd-example-text{flex:1}.rwd-example-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#d97706;margin-bottom:.3rem}.rwd-example-text p{margin:0;font-size:.9rem;line-height:1.55;color:#92400e}.rwd-history-list{display:flex;flex-direction:column}.rwd-history-item{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid #f3f4f6}.rwd-history-item:last-child{border-bottom:none}.rwd-history-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ede9fe,#c4b5fd);color:#6d28d9;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rwd-history-info{flex:1;min-width:0}.rwd-history-name{margin:0 0 .15rem;font-size:.92rem;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rwd-history-date{margin:0;font-size:.8rem;color:#9ca3af}.rwd-history-badge{display:flex;align-items:baseline;gap:.25rem;background:#f0fdf4;border-radius:50px;padding:.25rem .75rem}.rwd-history-pts{font-size:1rem;font-weight:800;color:#16a34a}.rwd-history-pts-label{font-size:.75rem;font-weight:600;color:#16a34a}.rwd-empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center}.rwd-empty-icon{width:60px;height:60px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#d1d5db}.rwd-empty-state p{margin:0;font-size:.92rem;color:#9ca3af;max-width:280px}.rwd-tnc{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem 1.75rem}.rwd-tnc-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;color:#6b7280}.rwd-tnc-header h4{margin:0;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.rwd-tnc ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem}.rwd-tnc li{font-size:.85rem;color:#6b7280;line-height:1.5}@media(max-width:680px){.rwd-page-title{font-size:2rem}.rwd-hero-section{padding:4.5rem 1rem 2rem}.rwd-stats-bar{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 1.25rem;align-items:unset}.rwd-stat-divider{display:none}.rwd-stat-item{flex:unset;justify-content:flex-start;padding:.5rem 0}.rwd-stat-num{font-size:1.5rem}.rwd-card{padding:1.4rem 1.25rem;border-radius:14px}.rwd-steps-grid{grid-template-columns:repeat(2,1fr)}.rwd-code-row{flex-direction:column;align-items:stretch}.rwd-code-display{justify-content:flex-start}.rwd-copy-btn,.rwd-whatsapp-btn{flex:1;justify-content:center}}@media(max-width:400px){.rwd-steps-grid,.rwd-stats-bar{grid-template-columns:1fr}}.app{min-height:100vh;background-color:#fff}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}.session-displaced-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.session-displaced-modal{background:#fff;border-radius:20px;padding:2.5rem 2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .25s ease}.session-displaced-icon{display:flex;justify-content:center;margin-bottom:1.2rem}.session-displaced-icon svg{width:56px;height:56px}.session-displaced-modal h2{font-size:1.4rem;font-weight:700;color:#1a202c;margin:0 0 .75rem}.session-displaced-modal p{font-size:.95rem;color:#4a5568;line-height:1.6;margin-bottom:1.75rem}.session-displaced-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.session-displaced-login-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:25px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s}.session-displaced-login-btn:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 10px 20px #f973164d}.session-displaced-dismiss-btn{background:transparent;color:#718096;border:1.5px solid #cbd5e0;border-radius:25px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,transform .3s}.session-displaced-dismiss-btn:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}