.ai-classroom{position:relative;min-height:100vh;padding:var(--spacing-24) 0 var(--spacing-8);background:var(--current-surface);overflow:hidden}.ai-classroom__content{position:relative;z-index:1}.ai-classroom__main{display:flex;gap:var(--spacing-16);align-items:flex-start;width:100%;min-height:auto}.ai-classroom__left-section{flex:0 0 35%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:var(--spacing-8);gap:var(--spacing-6)}.ai-classroom__header{text-align:left;margin-bottom:0}.ai-classroom__actions{margin-top:var(--spacing-5)}.ai-classroom .title-decoration--left{margin-left:0;margin-right:auto}.ai-classroom__right-section{flex:0 0 60%;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-8)}.ai-classroom__header .section-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:rgba(0,255,157,.1);border:1px solid rgba(0,255,157,.3);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary);margin-bottom:var(--spacing-6);backdrop-filter:var(--backdrop-blur-xl)}.ai-classroom__header .badge-icon{font-size:1rem}.ai-classroom__stats-container{width:100%;background:var(--current-surface);padding:var(--spacing-0) 0;margin-top:var(--spacing-0);position:relative;z-index:1}.ai-classroom__stats-section{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.ai-classroom__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);width:100%;max-width:100%}.ai-classroom__stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4);background-color:transparent;border-radius:var(--border-radius-lg);transition:var(--transition-all);opacity:0;transform:translateY(20px);width:100%;min-width:0}.ai-classroom__stat:first-child{animation:slideUpStat .6s ease-out .1s forwards}.ai-classroom__stat:nth-child(2){animation:slideUpStat .6s ease-out .2s forwards}.ai-classroom__stat:nth-child(3){animation:slideUpStat .6s ease-out .3s forwards}.ai-classroom__stat:nth-child(4){animation:slideUpStat .6s ease-out .4s forwards}@keyframes slideUpStat{to{opacity:1;transform:translateY(0)}}.ai-classroom__stat:hover{transform:translateY(-5px);background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}:root[data-theme=light] .ai-classroom__stat:hover{transform:translateY(-5px);background-color:color-mix(in srgb,var(--color-primary-light) 10%,transparent)}.ai-classroom__stat-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--spacing-2);border:none;transition:var(--transition-transform)}.ai-classroom__stat:hover .ai-classroom__stat-icon{transform:scale(1.1)}.ai-classroom__stat-icon i{font-size:var(--font-size-lg);color:var(--color-primary);transition:var(--transition-colors)}:root[data-theme=light] .ai-classroom__stat-icon i{color:var(--color-primary-light)}.ai-classroom__stat-content{flex:1;display:flex;flex-direction:column;align-items:center}.ai-classroom__stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--current-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1);transition:var(--transition-colors)}.ai-classroom__stat-label{color:var(--current-text-secondary);font-size:var(--font-size-base)}.ai-classroom__features-section{display:flex;flex-direction:column;gap:var(--spacing-6);margin-top:var(--spacing-8)}.ai-classroom__rotating-ring{position:relative;width:350px;height:350px;margin:calc(var(--spacing-2) - var(--spacing-8)) var(--spacing-6) 0 var(--spacing-8);display:flex;align-items:center;justify-content:flex-start}.ai-classroom__ring-container{position:relative;width:100%;height:100%;animation:rotateRing 20s linear infinite;transform-origin:center center}.ai-classroom__ring-container.paused{animation-play-state:paused}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-classroom__ring-item{position:absolute;width:60px;height:60px;top:0;left:50%;margin-left:-30px;transform-origin:30px 175px;transform:rotate(calc(var(--item-index) * 45deg));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all)}.ai-classroom__ring-item:hover{transform:rotate(calc(var(--item-index) * 45deg)) scale(1.2);z-index:10}.ai-classroom__ring-icon{width:50px;height:50px;background:var(--current-card);border:2px solid var(--current-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:var(--transition-all);box-shadow:var(--shadow-md)}.ai-classroom__ring-item:hover .ai-classroom__ring-icon{background:var(--current-gradient);border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:scale(1.1)}:root[data-theme=light] .ai-classroom__ring-item:hover .ai-classroom__ring-icon{background:var(--current-gradient);border-color:var(--color-primary-light)}.ai-classroom__ring-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:120px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.ai-classroom__ring-text-content{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-2)}.ai-classroom__ring-text-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--current-text-primary);line-height:1.2}.ai-classroom__ring-text-subtitle{font-size:var(--font-size-sm);color:var(--current-text-secondary);line-height:1.4;max-width:180px}.ai-classroom__courses-section{margin-top:var(--spacing-12)}.ai-classroom__accordion{display:flex;flex-direction:column;gap:var(--spacing-3)}.ai-classroom__accordion-item{background:var(--current-card);border:1px solid var(--current-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-all);animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.ai-classroom__accordion-item:first-child{animation-delay:.1s}.ai-classroom__accordion-item:nth-child(2){animation-delay:.2s}.ai-classroom__accordion-item:nth-child(3){animation-delay:.3s}.ai-classroom__accordion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6) var(--spacing-6);cursor:pointer;transition:var(--transition-all);border-bottom:1px solid transparent;min-height:80px}.ai-classroom__accordion-header:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.ai-classroom__accordion-header.active{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-bottom-color:var(--current-border)}:root[data-theme=light] .ai-classroom__accordion-header:hover{background:color-mix(in srgb,var(--color-primary-light) 8%,transparent)}:root[data-theme=light] .ai-classroom__accordion-header.active{background:color-mix(in srgb,var(--color-primary-light) 12%,transparent)}.ai-classroom__accordion-title{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.ai-classroom__accordion-icon{width:2.5rem;height:2.5rem;background:var(--current-gradient);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.ai-classroom__accordion-text h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--current-text-primary);margin:0 0 var(--spacing-1) 0;line-height:var(--line-height-tight)}.ai-classroom__accordion-badges{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-1)}.ai-classroom__accordion-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 10%,transparent);transition:var(--transition-all)}.ai-classroom__accordion-toggle i{color:var(--color-primary);font-size:var(--font-size-sm);transition:var(--transition-transform)}.ai-classroom__accordion-header.active .ai-classroom__accordion-toggle{background:var(--color-primary)}.ai-classroom__accordion-header.active .ai-classroom__accordion-toggle i{color:white}:root[data-theme=light] .ai-classroom__accordion-toggle i{color:var(--color-primary-light)}:root[data-theme=light] .ai-classroom__accordion-header.active .ai-classroom__accordion-toggle{background:var(--color-primary-light)}:root[data-theme=light] .ai-classroom__accordion-header.active .ai-classroom__accordion-toggle i{color:white}.ai-classroom__accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0 var(--spacing-6)}.ai-classroom__accordion-content.active{max-height:250px;padding:var(--spacing-4) var(--spacing-6) var(--spacing-6)}.ai-classroom__accordion-content p{font-size:var(--font-size-base);color:var(--current-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4) 0}.ai-classroom__accordion-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.ai-classroom__accordion-meta span{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--current-text-secondary);background:color-mix(in srgb,var(--color-primary) 5%,transparent);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full)}.ai-classroom__accordion-meta i{color:var(--color-primary);font-size:var(--font-size-xs)}:root[data-theme=light] .ai-classroom__accordion-meta span{background:color-mix(in srgb,var(--color-primary-light) 8%,transparent)}:root[data-theme=light] .ai-classroom__accordion-meta i{color:var(--color-primary-light)}.ai-classroom__accordion-action{display:flex;justify-content:flex-end}.ai-classroom__accordion-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:var(--transition-all)}.ai-classroom__accordion-btn.primary{background:var(--current-gradient);color:white}.ai-classroom__accordion-btn.secondary{background:var(--current-card);color:var(--current-text-primary);border:1px solid var(--current-border)}.ai-classroom__accordion-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ai-classroom__accordion-btn.secondary:hover{background:var(--color-primary);color:white;border-color:var(--color-primary)}:root[data-theme=light] .ai-classroom__accordion-btn.secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.ai-classroom__accordion-btn i{font-size:var(--font-size-xs);transition:var(--transition-transform)}.ai-classroom__accordion-btn:hover i{transform:translateX(2px)}.ai-classroom__badge{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase}.ai-classroom__badge.hot{background:color-mix(in srgb,#dc2626 15%,transparent);color:#f87171;border:1px solid color-mix(in srgb,#dc2626 30%,transparent)}.ai-classroom__badge.beginner{background:color-mix(in srgb,#fbbf24 15%,transparent);color:#fbbf24;border:1px solid color-mix(in srgb,#fbbf24 30%,transparent)}.ai-classroom__badge.practical{background:color-mix(in srgb,#dc2626 15%,transparent);color:#f87171;border:1px solid color-mix(in srgb,#dc2626 30%,transparent)}.ai-classroom__badge.intermediate{background:color-mix(in srgb,#fbbf24 15%,transparent);color:#fbbf24;border:1px solid color-mix(in srgb,#fbbf24 30%,transparent)}.ai-classroom__badge.expert{background:color-mix(in srgb,#dc2626 15%,transparent);color:#f87171;border:1px solid color-mix(in srgb,#dc2626 30%,transparent)}.ai-classroom__badge.advanced{background:color-mix(in srgb,#fbbf24 15%,transparent);color:#fbbf24;border:1px solid color-mix(in srgb,#fbbf24 30%,transparent)}:root[data-theme=light] .ai-classroom__badge.hot{background:color-mix(in srgb,#0891b2 15%,transparent);color:#0f4f63;border:1px solid color-mix(in srgb,#0891b2 30%,transparent)}:root[data-theme=light] .ai-classroom__badge.beginner{background:color-mix(in srgb,#2563eb 15%,transparent);color:#1e40af;border:1px solid color-mix(in srgb,#2563eb 30%,transparent)}:root[data-theme=light] .ai-classroom__badge.practical{background:color-mix(in srgb,#0891b2 15%,transparent);color:#0f4f63;border:1px solid color-mix(in srgb,#0891b2 30%,transparent)}:root[data-theme=light] .ai-classroom__badge.intermediate{background:color-mix(in srgb,#2563eb 15%,transparent);color:#1e40af;border:1px solid color-mix(in srgb,#2563eb 30%,transparent)}:root[data-theme=light] .ai-classroom__badge.expert{background:color-mix(in srgb,#0891b2 15%,transparent);color:#0f4f63;border:1px solid color-mix(in srgb,#0891b2 30%,transparent)}:root[data-theme=light] .ai-classroom__badge.advanced{background:color-mix(in srgb,#2563eb 15%,transparent);color:#1e40af;border:1px solid color-mix(in srgb,#2563eb 30%,transparent)}.ai-classroom__course-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--current-text-primary);margin-bottom:var(--spacing-3)}.ai-classroom__course-content p{font-size:var(--font-size-base);color:var(--current-text-secondary);line-height:1.6;margin-bottom:var(--spacing-6)}.ai-classroom__course-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.ai-classroom__meta-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-3);background:rgba(0,255,157,.05);border-radius:var(--border-radius-lg);border:1px solid rgba(0,255,157,.1)}.ai-classroom__meta-icon{font-size:1.2rem;margin-bottom:var(--spacing-2)}.ai-classroom__meta-text{font-size:var(--font-size-sm);color:var(--current-text-secondary);font-weight:var(--font-weight-medium)}.ai-classroom__course-progress{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.ai-classroom__progress-bar{flex:1;height:6px;background:rgba(0,255,157,.1);border-radius:var(--border-radius-full);overflow:hidden}.ai-classroom__progress-fill{height:100%;background:var(--current-gradient);border-radius:var(--border-radius-full);transition:width .6s ease-out}.ai-classroom__progress-text{font-size:var(--font-size-sm);color:var(--current-text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.ai-classroom__course-action{text-align:center}.ai-classroom__course-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:var(--transition-all);position:relative;overflow:hidden}.ai-classroom__course-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.ai-classroom__course-btn:hover:before{left:100%}.ai-classroom__course-btn.primary{background:var(--current-gradient);color:white}.ai-classroom__course-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ai-classroom__course-btn.secondary{background:var(--current-card);color:var(--current-text-primary);border:1px solid var(--current-border)}.ai-classroom__course-btn.secondary:hover{background:var(--color-secondary);color:white;border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ai-classroom__course-btn svg{width:16px;height:16px;transition:var(--transition-transform)}.ai-classroom__course-btn:hover svg{transform:translateX(2px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.ai-classroom{padding:var(--spacing-16) 0}.ai-classroom__main{flex-direction:column;gap:var(--spacing-8);min-height:auto}.ai-classroom__left-section{flex:none;padding-top:0}.ai-classroom__header{text-align:center;margin-bottom:var(--spacing-6)}.ai-classroom .title-decoration--left{margin-left:auto;margin-right:auto}.ai-classroom__right-section{flex:none}.ai-classroom__stats-title{text-align:center}.ai-classroom__stats-container{margin-top:var(--spacing-6);padding:var(--spacing-6) 0}.ai-classroom__stats-section{padding:0 var(--spacing-2)}.ai-classroom__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.ai-classroom__rotating-ring{width:300px;height:300px;margin:calc(var(--spacing-2) - var(--spacing-6)) var(--spacing-4) 0 var(--spacing-6)}.ai-classroom__ring-item{transform-origin:25px 125px;transform:rotate(calc(var(--item-index) * 45deg))}.ai-classroom__ring-item:hover{transform:rotate(calc(var(--item-index) * 45deg)) scale(1.2)}.ai-classroom__ring-icon{width:40px;height:40px;font-size:1.2rem}.ai-classroom__ring-text-overlay{width:160px;height:100px}.ai-classroom__ring-text-title{font-size:var(--font-size-md)}.ai-classroom__ring-text-subtitle{font-size:var(--font-size-xs);max-width:140px}.ai-classroom__accordion{gap:var(--spacing-4)}.ai-classroom__accordion-header{padding:var(--spacing-4) var(--spacing-4);min-height:70px}.ai-classroom__accordion-content.active{max-height:220px;padding:var(--spacing-3) var(--spacing-4) var(--spacing-4)}.ai-classroom__accordion-icon{width:2rem;height:2rem}.ai-classroom__accordion-text h3{font-size:var(--font-size-base)}.ai-classroom__course-meta{grid-template-columns:1fr;gap:var(--spacing-3)}.ai-classroom__meta-item{flex-direction:row;text-align:left;gap:var(--spacing-2)}.ai-classroom__meta-icon{margin-bottom:0}}@media (max-width:475px){.ai-classroom{padding:var(--spacing-12) 0}.ai-classroom__main{gap:var(--spacing-6)}.ai-classroom__stats-container{margin-top:var(--spacing-4);padding:var(--spacing-4) 0}.ai-classroom__stats-section{padding:0 var(--spacing-1)}.ai-classroom__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.ai-classroom__rotating-ring{width:250px;height:250px;margin:calc(var(--spacing-1) - var(--spacing-4)) var(--spacing-3) 0 var(--spacing-4)}.ai-classroom__ring-item{transform-origin:20px 100px;transform:rotate(calc(var(--item-index) * 45deg))}.ai-classroom__ring-item:hover{transform:rotate(calc(var(--item-index) * 45deg)) scale(1.2)}.ai-classroom__ring-icon{width:35px;height:35px;font-size:1rem}.ai-classroom__ring-text-overlay{width:140px;height:80px}.ai-classroom__ring-text-title{font-size:var(--font-size-sm)}.ai-classroom__ring-text-subtitle{font-size:.6rem;max-width:120px}.ai-classroom__stat{padding:var(--spacing-2)}.ai-classroom__stat-icon{width:1.8rem;height:1.8rem}.ai-classroom__stat-icon i{font-size:var(--font-size-sm)}.ai-classroom__stat-number{font-size:var(--font-size-base)}.ai-classroom__accordion-header{padding:var(--spacing-3) var(--spacing-3);min-height:60px}.ai-classroom__accordion-content.active{max-height:200px;padding:var(--spacing-2) var(--spacing-3) var(--spacing-3)}.ai-classroom__accordion-icon{width:1.8rem;height:1.8rem}.ai-classroom__accordion-text h3{font-size:var(--font-size-sm)}.ai-classroom__accordion-meta{gap:var(--spacing-2)}.ai-classroom__accordion-meta span{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.ai-classroom__courses-header h3{font-size:var(--font-size-2xl)}.ai-classroom__course-progress{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.ai-classroom__progress-text{text-align:center}}