@font-face{font-family:MiSans;src:url(https://assets-persist.lovart.ai/agent-static-assets/MiSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MiSans;src:url(https://assets-persist.lovart.ai/agent-static-assets/MiSans-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:MiSans;src:url(https://assets-persist.lovart.ai/agent-static-assets/MiSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;font-family:MiSans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{color:#fff;background:linear-gradient(135deg,#040816 0%,#0a1f43 100%);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;opacity:.4;background:radial-gradient(circle at 20% 20%,rgba(120,0,255,.2) 0%,transparent 70%),radial-gradient(circle at 80% 80%,rgba(0,255,255,.2) 0%,transparent 70%),radial-gradient(circle,rgba(255,0,200,.15) 0%,transparent 70%);width:100%;height:100%;animation:20s ease-in-out infinite aurora;position:fixed;top:0;left:0}@keyframes aurora{0%,to{opacity:.4;transform:translate(0)translateY(0)scale(1)}33%{opacity:.6;transform:translate(30px)translateY(-20px)scale(1.1)}66%{opacity:.3;transform:translate(-20px)translateY(30px)scale(.9)}}.cosmic-background{z-index:-1;background:linear-gradient(135deg,#040816 0%,#0a1f43 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.stars-layer{opacity:.6;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;width:100%;height:100%;animation:8s linear infinite sparkle;position:absolute;top:0;left:0}.nebula-layer{opacity:.3;background:radial-gradient(at 20%,rgba(0,171,255,.1) 0%,transparent 50%),radial-gradient(at 80% 20%,rgba(155,95,255,.1) 0%,transparent 50%),radial-gradient(at 40% 80%,rgba(0,242,195,.05) 0%,transparent 50%);width:100%;height:100%;animation:20s ease-in-out infinite nebulaDrift;position:absolute;top:0;left:0}.particles{width:100%;height:100%;position:absolute;top:0;left:0}.particle{opacity:.5;background:#00abff;border-radius:50%;width:2px;height:2px;animation:8s ease-in-out infinite float;position:absolute}@keyframes float{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-10px)translate(5px)}to{transform:translateY(0)translate(0)}}@keyframes sparkle{0%{transform:translate(0)}to{transform:translate(-200px)}}@keyframes nebulaDrift{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(10px)translateY(-5px)}50%{transform:translate(-5px)translateY(10px)}75%{transform:translate(-10px)translateY(-5px)}}.container{z-index:1;min-height:100vh;display:flex;position:relative}.logo{margin-bottom:40px;padding:16px 20px}.logo h2{background:linear-gradient(90deg,#00c2ff,#a64dff);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700}.nav-menu{flex-direction:column;gap:8px;display:flex}.nav-item{cursor:pointer;color:rgba(255,255,255,.6);background:0 0;border-radius:12px;align-items:center;gap:16px;padding:14px 20px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08)}.nav-item.active{color:#667eea;background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.2)}.nav-item svg{flex-shrink:0}.nav-item span{font-weight:500}.header-left{align-items:center;gap:40px;display:flex}.weart-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.search-container{position:relative}.search-bar{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;width:420px;padding:14px 24px 14px 48px;font-size:15px;transition:all .3s}.search-bar::placeholder{color:rgba(255,255,255,.5)}.search-bar:focus{border-color:rgba(102,126,234,.5);outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-icon{color:rgba(255,255,255,.5);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.header-right{align-items:center;gap:16px;display:flex}.create-prompt-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(102,126,234,.3)}.create-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.content-grid{grid-template-columns:1fr 340px;align-items:stretch;gap:32px;width:100%;min-height:calc(100vh - 200px);margin-top:20px;display:grid;overflow:hidden}.main-ai-chat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:20px;flex-direction:column;min-width:0;height:100%;max-height:calc(100vh - 220px);padding:24px;display:flex;position:relative;overflow:hidden}.ai-chat-header-main{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px;padding-bottom:20px}.ai-header-content{align-items:flex-start;gap:16px;display:flex}.ai-avatar-large{color:#070b28;background:linear-gradient(135deg,#4ef1ff,#188df7);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.ai-info-main h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:600}.ai-status{align-items:center;gap:8px;margin-bottom:12px;display:flex}.status-indicator{background:#10b981;border-radius:50%;width:8px;height:8px}.ai-description{color:rgba(255,255,255,.7);font-size:14px;line-height:1.5}.right-quick-actions{flex-direction:column;gap:20px;display:flex;overflow-y:auto}.progress-circle-small{width:60px;height:60px;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:4px}.progress-ring-progress{fill:none;stroke:url(#gradient);stroke-width:4px;stroke-linecap:round;stroke-dasharray:157;stroke-dashoffset:94px;transition:stroke-dashoffset .3s}.progress-text-small{color:#fff;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-row{justify-content:space-between;margin-bottom:20px;display:flex}.stat-item{align-items:center;gap:8px;display:flex}.stat-icon{color:#4ef1ff;background:rgba(78,241,255,.1);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.stat-text{color:rgba(255,255,255,.8);font-size:12px;font-weight:500}.stat-text span{color:rgba(255,255,255,.5);font-size:10px}.categories-compact{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px}.section-title-small{color:#fff;margin:0 0 16px;font-size:16px;font-weight:600}.category-list{flex-direction:column;gap:12px;display:flex}.category-item{cursor:pointer;background:rgba(255,255,255,.02);border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.category-item:hover{background:rgba(255,255,255,.05)}.category-icon-small{color:#4ef1ff;background:rgba(78,241,255,.1);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.category-item span{color:rgba(255,255,255,.8);font-size:14px;font-weight:500}.continue-learning-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px}.learning-content{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.learning-info{flex:1}.learning-title-small{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600}.learning-course{color:rgba(255,255,255,.7);margin:0 0 8px;font-size:12px}.progress-bar-small{background:rgba(255,255,255,.1);border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.progress-fill-small{background:linear-gradient(90deg,#4ef1ff,#188df7);border-radius:2px;height:100%;transition:width .3s}.learning-icon{color:#4ef1ff;font-size:20px}.learning-path-card{color:#333;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.learning-path-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.learning-path-header h3{color:#2c3e50;margin:0;font-weight:700}.expand-btn{color:#2c3e50;cursor:pointer;background:rgba(255,255,255,.8);border:none;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s}.expand-btn:hover{background:#fff;transform:translateY(-1px)}.learning-path-content{background:rgba(255,255,255,.9);border-radius:12px;max-height:300px;margin-bottom:15px;padding:15px;overflow-y:auto}.path-preview,.full-path{color:#2c3e50;line-height:1.6}.path-actions{text-align:center}.start-learning-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(102,126,234,.4)}.start-learning-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.ai-chat-container-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ai-chat-messages-main{flex:1;margin-bottom:20px;padding-right:8px;overflow-y:auto}.scroll-to-bottom{color:#4ef1ff;cursor:pointer;opacity:.8;background:rgba(78,241,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;bottom:80px;right:20px}.scroll-to-bottom:hover{opacity:1;background:rgba(78,241,255,.3)}.welcome-message{text-align:center;color:rgba(255,255,255,.8);padding:40px 20px}.welcome-avatar{color:#070b28;background:linear-gradient(135deg,#4ef1ff,#188df7);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:32px;display:flex}.welcome-message h3{margin-bottom:16px;font-size:24px;font-weight:600}.welcome-message p{margin-bottom:20px;font-size:16px;line-height:1.6}.welcome-message ul{text-align:left;max-width:400px;margin:0 auto 20px}.welcome-message li{margin-bottom:8px;padding-left:20px;position:relative}.welcome-message li:before{content:"✨";position:absolute;left:0}.ai-input-container-main{align-items:flex-end;gap:12px;margin-top:auto;display:flex}.ai-input-box-main{color:#fff;resize:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;flex:1;min-height:60px;max-height:120px;padding:16px;font-family:MiSans,Inter,sans-serif;font-size:15px;line-height:1.4}.ai-input-box-main::placeholder{color:rgba(255,255,255,.5)}.ai-input-box-main:focus{border-color:rgba(78,241,255,.3);outline:none;box-shadow:0 0 0 3px rgba(78,241,255,.1)}.ai-send-btn-main{color:#070b28;cursor:pointer;background:linear-gradient(135deg,#4ef1ff,#188df7);border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .3s;display:flex}.ai-send-btn-main:hover{transform:scale(1.05)}.ai-send-btn-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.message{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.message-content{max-width:80%}.user-message{justify-content:flex-end}.user-message .message-content{background:rgba(78,241,255,.1);border:1px solid rgba(78,241,255,.2);border-radius:16px;padding:16px}.ai-message .message-content{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}.message-text{color:#fff;margin-bottom:8px;line-height:1.6}.message-time{color:rgba(255,255,255,.5);font-size:12px}.loading-container{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-spinner{border:3px solid rgba(78,241,255,.3);border-top-color:#4ef1ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator{gap:4px;padding:16px;display:flex}.typing-indicator span{background:#4ef1ff;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.explore-content{max-width:1200px;margin:0 auto;padding:24px 32px}.explore-header{text-align:center;margin-bottom:40px}.explore-header h1{background:linear-gradient(135deg,#4ef1ff 0%,#188df7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:36px;font-weight:700}.explore-header p{color:rgba(255,255,255,.7);font-size:16px}.explore-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px;display:grid}.trending-section,.categories-section,.community-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px}.trending-section h2,.categories-section h2,.community-section h2{color:#fff;margin-bottom:20px;font-size:20px;font-weight:600}.community-section{grid-column:1/-1}.trending-list{flex-direction:column;gap:16px;display:flex}.trending-item{cursor:pointer;background:rgba(255,255,255,.02);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.trending-item:hover{background:rgba(255,255,255,.05);transform:translate(4px)}.trending-info h3{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.trending-category{color:#4ef1ff;margin-bottom:4px;font-size:14px}.trending-views{color:rgba(255,255,255,.6);font-size:12px}.trending-icon{color:#4ef1ff}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.category-card{text-align:center;cursor:pointer;background:rgba(255,255,255,.02);border-radius:12px;padding:20px;transition:all .3s}.category-card:hover{background:rgba(255,255,255,.05);transform:translateY(-4px)}.category-icon{color:#4ef1ff;margin-bottom:12px}.category-info h3{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.category-info p{color:rgba(255,255,255,.6);font-size:12px}.community-features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.feature-card{cursor:pointer;background:rgba(255,255,255,.02);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.feature-card:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}.feature-icon{color:#070b28;background:linear-gradient(135deg,#4ef1ff 0%,#188df7 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-info h3{color:#fff;margin-bottom:4px;font-size:18px;font-weight:600}.feature-info p{color:rgba(255,255,255,.7);font-size:14px;line-height:1.4}@media (max-width:768px){.explore-grid,.community-features{grid-template-columns:1fr}}.explore-container{grid-template-columns:280px 1fr;gap:24px;min-height:calc(100vh - 120px);display:grid}.explore-sidebar{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:20px;height:-moz-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-section{margin-bottom:32px}.sidebar-title{color:#fff;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.filter-option{cursor:pointer;color:rgba(255,255,255,.7);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;font-size:14px;transition:all .3s;display:flex}.filter-option:hover{background:rgba(255,255,255,.05)}.filter-option.active{color:#4ef1ff;background:rgba(78,241,255,.1)}.filter-checkbox{border:2px solid rgba(255,255,255,.3);border-radius:4px;flex-shrink:0;width:16px;height:16px;position:relative}.filter-option.active .filter-checkbox{background:#4ef1ff;border-color:#4ef1ff}.filter-option.active .filter-checkbox:after{content:"✓";color:#070b28;font-size:12px;font-weight:700;position:absolute;top:-2px;left:2px}.gallery-area{flex:1}.view-controls{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.view-modes{background:rgba(255,255,255,.05);border-radius:8px;gap:8px;padding:4px;display:flex}.view-mode{color:rgba(255,255,255,.6);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .3s}.view-mode.active{color:#4ef1ff;background:rgba(78,241,255,.2)}.sort-controls{align-items:center;gap:12px;display:flex}.sort-controls label{color:rgba(255,255,255,.7);font-size:14px}.sort-select{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.sort-select option{color:#fff;background:#0a1128}.art-gallery{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;padding:20px 0;display:grid}.art-post{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.art-post:hover{border-color:rgba(78,241,255,.2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(78,241,255,.1)}.post-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.artist-info{align-items:center;gap:12px;display:flex}.artist-avatar{object-fit:cover;border:2px solid rgba(78,241,255,.3);border-radius:50%;width:40px;height:40px}.artist-details{flex-direction:column;display:flex}.artist-name{color:#fff;margin:0;font-size:14px;font-weight:600}.post-time{color:rgba(255,255,255,.5);font-size:12px}.post-actions{opacity:.6;transition:opacity .3s}.post-actions:hover{opacity:1}.action-btn{color:rgba(255,255,255,.6);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .3s}.action-btn:hover{color:#4ef1ff;background:rgba(255,255,255,.1)}.post-content{margin-bottom:16px}.post-title{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}.post-description{color:rgba(255,255,255,.8);margin:0 0 12px;font-size:14px;line-height:1.5}.post-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.category-tag{color:#4ef1ff;background:rgba(78,241,255,.1);border:1px solid rgba(78,241,255,.2);border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.post-image{border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:200px;transition:transform .3s}.art-post:hover .post-image img{transform:scale(1.02)}.post-stats{border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:16px;display:flex}.stat-btn{color:rgba(255,255,255,.6);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:all .3s;display:flex}.stat-btn:hover{color:#fff;background:rgba(255,255,255,.05)}.like-btn:hover{color:#ff6b6b}.comment-btn:hover,.share-btn:hover{color:#4ef1ff}.post-comments{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.comment{gap:12px;margin-bottom:12px;display:flex}.comment-avatar{object-fit:cover;border:1px solid rgba(78,241,255,.2);border-radius:50%;flex-shrink:0;width:32px;height:32px}.comment-content{flex:1}.comment-author{color:#4ef1ff;margin-bottom:4px;font-size:13px;font-weight:500}.comment-text{color:rgba(255,255,255,.8);font-size:13px;line-height:1.4}.loading-state,.empty-state{text-align:center;color:rgba(255,255,255,.6);padding:60px 20px}.loading-spinner{border:3px solid rgba(78,241,255,.3);border-top-color:#4ef1ff;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s ease-in-out infinite spin;display:inline-block}@media (max-width:1024px){.explore-container{grid-template-columns:1fr}.explore-sidebar{position:static}.art-gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.art-gallery{grid-template-columns:1fr}.view-controls{flex-direction:column;align-items:stretch;gap:16px}}.courses-content{padding:0}.courses-header{text-align:center;margin-bottom:40px}.courses-header h1{background:linear-gradient(135deg,#4ef1ff 0%,#188df7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:36px;font-weight:700}.courses-header p{color:rgba(255,255,255,.7);font-size:16px;line-height:1.6}.courses-filters{align-items:center;gap:20px;margin-bottom:32px;display:flex}.search-filter{flex:1}.search-input{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;width:100%;padding:16px 20px;font-size:15px;transition:all .3s}.search-input::placeholder{color:rgba(255,255,255,.5)}.search-input:focus{border-color:rgba(78,241,255,.3);box-shadow:0 0 0 3px rgba(78,241,255,.1)}.level-filter{min-width:160px}.level-select{color:#fff;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;width:100%;padding:16px 20px;font-size:15px;transition:all .3s}.level-select:focus{border-color:rgba(78,241,255,.3);box-shadow:0 0 0 3px rgba(78,241,255,.1)}.level-select option{color:#fff;background:#0a1128;padding:10px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:20px 0;display:grid}.course-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:0;transition:all .3s;position:relative;overflow:hidden}.course-thumbnail{background:linear-gradient(135deg,rgba(78,241,255,.1) 0%,rgba(24,141,247,.1) 100%);justify-content:center;align-items:center;height:200px;margin-bottom:20px;display:flex;position:relative}.course-level{color:#4ef1ff;text-transform:capitalize;background:rgba(78,241,255,.2);border:1px solid rgba(78,241,255,.3);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px}.course-content{padding:0 24px 24px}.course-title{color:#fff;margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.3}.course-instructor{color:#4ef1ff;margin:0 0 12px;font-size:14px;font-weight:500}.course-description{color:rgba(255,255,255,.8);margin:0 0 16px;font-size:14px;line-height:1.5}.course-meta{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.course-meta span{color:rgba(255,255,255,.6);align-items:center;gap:6px;font-size:12px;display:flex}.course-meta svg{opacity:.8}.course-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.course-tag{color:#4ef1ff;background:rgba(78,241,255,.1);border:1px solid rgba(78,241,255,.2);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.enroll-btn{color:#070b28;cursor:pointer;background:linear-gradient(135deg,#4ef1ff 0%,#188df7 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(78,241,255,.3)}.no-results{text-align:center;color:rgba(255,255,255,.6);padding:80px 20px}.no-results svg{opacity:.5;margin-bottom:20px}.no-results h3{color:#fff;margin-bottom:12px;font-size:24px;font-weight:600}.no-results p{font-size:16px;line-height:1.5}.course-duration svg,.course-rating svg,.course-enrolled svg{fill:currentColor;width:14px;height:14px}@media (max-width:1024px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.courses-filters{flex-direction:column;gap:16px}}@media (max-width:768px){.courses-grid{grid-template-columns:1fr}}.course-browser{display:block}.courses-hero{text-align:center;margin-bottom:50px;padding:40px 0}.courses-hero h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.courses-hero p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto;font-size:18px}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:50px;display:grid}.course-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.course-card:before{content:"";opacity:0;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.05) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.course-card:hover:before{opacity:1}.course-card:hover{border-color:rgba(102,126,234,.3);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.4)}.course-thumbnail{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:240px;display:flex;position:relative;overflow:hidden}.course-thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-placeholder{color:rgba(255,255,255,.6);opacity:.8}.course-level{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-transform:capitalize;background:rgba(0,0,0,.7);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;top:15px;right:15px}.course-duration{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(0,0,0,.7);border-radius:20px;padding:6px 12px;font-size:12px;position:absolute;bottom:15px;right:15px}.course-content{z-index:2;padding:25px;position:relative}.course-title{color:#fff;margin-bottom:10px;font-size:24px;font-weight:600}.course-instructor{color:rgba(255,255,255,.6);margin-bottom:15px;font-size:14px;font-weight:500}.course-description{color:rgba(255,255,255,.7);margin-bottom:20px;font-size:14px;line-height:1.5}.course-stats{align-items:center;gap:20px;margin-bottom:20px;display:flex}.stat-item{color:rgba(255,255,255,.7);align-items:center;gap:6px;font-size:14px;display:flex}.meta-icon{opacity:.7;fill:currentColor;width:16px;height:16px}.course-progress{border-top:1px solid rgba(255,255,255,.1);margin-top:20px;padding-top:15px}.progress-bar{background:rgba(255,255,255,.1);border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4ef1ff,#188df7);border-radius:3px;height:100%;transition:width .3s}.progress-text{color:rgba(255,255,255,.6);text-align:center;font-size:12px}.start-course-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:15px 25px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.start-course-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.no-courses{text-align:center;color:rgba(255,255,255,.6);padding:80px 20px}.no-courses svg{opacity:.5;color:#667eea;margin-bottom:20px}.no-courses h3{color:#fff;margin-bottom:12px;font-size:24px;font-weight:600}.no-courses p{font-size:16px;line-height:1.5}@media (max-width:1024px){.courses-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.courses-hero h1{font-size:36px}}@media (max-width:768px){.courses-grid{grid-template-columns:1fr;gap:20px}.courses-hero{margin-bottom:30px;padding:20px 0}.courses-hero h1{font-size:32px}.courses-hero p{font-size:16px}}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#22d3ee;margin:16px 0 8px;font-weight:600;line-height:1.3}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:18px}.markdown-content h3{font-size:16px}.markdown-content h4{font-size:15px}.markdown-content p{margin:8px 0;line-height:1.5}.markdown-content ul,.markdown-content ol{margin:12px 0;padding-left:20px}.markdown-content li{margin:4px 0;line-height:1.4}.markdown-content strong{color:#fff;font-weight:600}.markdown-content em{color:#e0e7ff;font-style:italic}.markdown-content hr{border:none;border-top:1px solid rgba(255,255,255,.2);margin:16px 0}.markdown-content blockquote{color:rgba(255,255,255,.8);border-left:3px solid #22d3ee;margin:12px 0;padding-left:16px;font-style:italic}.markdown-content code{background:rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:13px}.markdown-content pre{background:rgba(255,255,255,.08);border-radius:8px;margin:12px 0;padding:12px;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.typing-indicator{align-items:center;gap:4px;padding:12px 16px;display:flex}.typing-indicator span{background-color:#22d3ee;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing;display:inline-block}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.ai-send-btn-main:disabled,.ai-input-box-main:disabled{opacity:.6;cursor:not-allowed}