.login-card,.register-card{width:320px;padding:2.5rem 2rem;border-radius:8px;text-align:center;background-color:var(--card-background);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.input-wrapper{background:linear-gradient(90deg,#fc56e4,#3ee9ff)!important;padding:2px;border-radius:0;margin-bottom:1rem}.input-wrapper input{background:linear-gradient(90deg,#fc56e4,#3ee9ff)!important;color:#fff!important;padding:.75rem 1rem;font-weight:500;border:none;outline:none;box-sizing:border-box}.login-button,.register-button{background:linear-gradient(90deg,#fc56e4,#3ee9ff);border:none;border-radius:0;padding:.8rem;font-size:1rem;font-weight:700;color:#000;cursor:pointer;margin-top:.5rem;transition:opacity .3s;width:60%;align-self:center}@media (max-width: 480px){.outer-wrapper{padding:.5rem}.gradient-box{max-width:90%;min-height:900px}.login-card,.register-card{padding:1.5rem 1rem}.login-button,.register-button{width:100%}}.outer-wrapper{background-color:var(--background);height:100%;min-height:100vh;display:flex;justify-content:center;align-items:stretch;padding:1rem}.gradient-box{background:linear-gradient(90deg,#fc56e4,#3ee9ff);padding:3px;border-radius:0;box-shadow:none;width:100%;max-width:420px;min-height:95vh;height:100%;display:flex;align-items:center;justify-content:center}.login-card,.register-card{width:320px;padding:2.5rem 2rem;border-radius:0;text-align:center;background-color:var(--card-background);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.login-card h1,.register-card h1,.login-card h2{font-size:1.6rem;font-weight:700;margin-bottom:.8rem}.subtitle,.login-subtitle{margin-bottom:2rem;font-size:1rem;color:var(--text-secondary)}.login-form,.register-form{display:flex;flex-direction:column;gap:1.2rem}.input-wrapper{background:linear-gradient(90deg,#3ee9ff,#fc56e4);padding:2px;border-radius:0;margin-bottom:1rem}.input-wrapper input{width:100%;padding:.75rem 1rem;border:none;outline:none;border-radius:0;font-size:1rem;background-color:var(--input-background);color:var(--input-text);font-weight:500;box-sizing:border-box}.input-wrapper input::placeholder{color:#0006}body.dark-mode .input-wrapper input::placeholder{color:#fff9}.login-button,.register-button{background:linear-gradient(90deg,#fc56e4,#3ee9ff);border:none;border-radius:8px;padding:.8rem;font-size:1rem;font-weight:700;color:#000;cursor:pointer;margin-top:.5rem;transition:opacity .3s;width:60%;align-self:center}.login-button:hover,.register-button:hover{opacity:.9}.login-text,.login-footer{font-size:.9rem;margin-top:2rem;color:var(--text-secondary)}.login-link{color:#3ee9ff;font-weight:700;text-decoration:none}.login-link:hover{text-decoration:underline}.error-message,.error-box{background-color:#f55;color:#fff;padding:.8rem;border-radius:0;font-size:.9rem;margin-bottom:1rem}@media (min-width: 768px){.gradient-box{max-width:600px;min-height:95vh}.login-card,.register-card{width:100%;max-width:500px;min-height:600px}}@media (max-width: 480px){.outer-wrapper{padding:.5rem}.gradient-box{max-width:90%;min-height:95vh}.login-card,.register-card{padding:1.5rem 1rem}.login-button,.register-button{width:100%}}.home-wrapper{padding:2rem;color:#fff;font-family:Orbitron,sans-serif;font-weight:400;font-size:16px;line-height:1.4}.orbitron-typography{font-family:Orbitron,sans-serif;font-weight:400;line-height:100%;letter-spacing:0;text-align:center}.home-search-wrapper{position:relative;width:100%;max-width:900px!important;margin:2rem auto;display:flex;justify-content:center}.home-search-icon-img{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.home-search{width:100%;max-width:900px;padding:1rem 1.5rem 1rem 3.5rem;font-size:1.1rem;background:#48358c;border:none;border-radius:999px;color:#fff;box-sizing:border-box;transition:box-shadow .3s ease}.home-search:focus{outline:none;box-shadow:0 0 0 2px #f0f,0 0 8px #00e0ff}.filter-box select{background:#48358c;color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-family:Orbitron,sans-serif;font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;box-shadow:none;transition:border .3s ease}.filter-box select:focus{outline:none;box-shadow:0 0 0 2px #3ee9ff}.filter-box select option{background-color:#48358c;color:#fff}.welcome-title{font-size:32px;color:#f0f;text-align:center;font-family:Orbitron,sans-serif;font-weight:400;margin-bottom:.3rem}.welcome-subtitle{font-size:36px;text-align:center;font-family:Orbitron,sans-serif;font-weight:400;line-height:100%}.section-title{font-size:24px;margin:2rem 0 1rem;font-family:Orbitron,sans-serif;font-weight:400;line-height:100%}.scroll-container{display:flex;align-items:center;position:relative;overflow-x:auto;padding-bottom:.5rem;scrollbar-color:#00e0ff #0a0a0a;scrollbar-width:thin}.card-row{display:flex;overflow-x:auto;gap:1rem;padding:.5rem 0;scrollbar-width:none}.card-row::-webkit-scrollbar{display:none}.scroll-btn{background:linear-gradient(to bottom right,#00e0ff,#f0f);color:#000;font-size:1.4rem;border:none;padding:.3rem .6rem;border-radius:6px;cursor:pointer}.scroll-btn.left{margin-right:.8rem}.scroll-btn.right{margin-left:.8rem}.gradient-card{padding:1rem 1.4rem;background:#0b0b0b;border-radius:1rem;white-space:nowrap;border:6px solid transparent;background-image:linear-gradient(#0b0b0b,#0b0b0b),linear-gradient(to bottom right,#00e0ff,#f0f);background-origin:border-box;background-clip:padding-box,border-box;color:#fff;font-family:Orbitron,sans-serif;text-align:center;min-width:220px;height:180px;display:flex;justify-content:center;align-items:center;flex-direction:column}.gradient-card strong{font-weight:400;font-size:18px;display:block;margin-bottom:.4rem}.gradient-card p{font-weight:300;font-size:16px;margin:0}.xp-legend-wrapper{margin-top:2rem;border-radius:1rem;padding:1rem;background:linear-gradient(to bottom right,#00e0ff,#f0f);max-width:700px;margin-left:auto;margin-right:auto}.xp-legend-title{font-size:36px;font-weight:400;line-height:100%;letter-spacing:0;text-align:center;color:#000;margin-bottom:1rem;font-family:Orbitron,sans-serif}.xp-legend-inner{background:linear-gradient(to right,#111,#222);border-radius:1rem;padding:1rem}.xp-entry{display:flex;justify-content:space-between;background:linear-gradient(to right,#00e0ff,#f0f);padding:.5rem 1rem;margin-bottom:.5rem;border-radius:.5rem;font-family:Orbitron,sans-serif}.xp-name,.xp-value{color:#000;font-weight:400;font-size:16px}.scroll-container{overflow-x:hidden;scrollbar-width:auto;scrollbar-color:auto;position:relative;padding-bottom:.5rem}.scroll-container::-webkit-scrollbar{height:12px}.scroll-container::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}.scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(to right,#00e0ff,#f0f);border-radius:10px;border:2px solid #0a0a0a}.card-row{scrollbar-width:thin;scrollbar-color:#ff00ff #111;padding-bottom:1rem}.course-card-entry{height:240px;width:240px;padding:1px;border-radius:18px;background:linear-gradient(to right,#00e0ff,#f0f);display:flex;flex-shrink:0;text-decoration:none;color:inherit}.quiz-card-entry{height:240px;width:240px;padding:1px;border-radius:18px;background:linear-gradient(to right,#f90,#ff00c8);display:flex;flex-shrink:0;text-decoration:none;color:inherit}.home-card-inner{flex:1;background:#0a1429;border-radius:18px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.2rem;box-sizing:border-box}.home-card-title{font-family:Orbitron,sans-serif;font-weight:500;font-size:1.1rem;color:#fff;word-break:break-word;text-decoration:none!important}.home-card-description{font-size:.9rem;margin-top:.3rem;color:#bbb;font-family:Orbitron,sans-serif}.home-card-cover{width:100%;height:120px;object-fit:cover;border-radius:12px;margin-bottom:.5rem}.home-card-question-count{font-family:Orbitron,sans-serif;font-weight:500;font-size:1rem;background:linear-gradient(to right,#f90,#ff00c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:.4rem;text-align:center}.layout-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background);color:var(--text-primary);width:100%;overflow-x:hidden;overflow-y:visible;margin:0;padding:0;position:static}.main-content{flex:1;padding:2rem;padding-top:0}.main-header{display:flex;justify-content:space-between;align-items:center;padding:1.8rem 2rem;width:100%;min-height:80px;overflow-x:hidden;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--header-footer-background);border-bottom:2px solid transparent;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;box-shadow:0 0 10px #00ffff1a}.header-logo{font-size:2.2rem;font-weight:700;background:linear-gradient(90deg,#00e0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.header-right{display:flex;align-items:center;gap:2rem}.header-nav{display:flex;gap:1.8rem}.nav-item{color:var(--text-secondary);text-decoration:none;font-size:1.3rem;position:relative}.nav-item.active{color:var(--secondary);font-weight:500}.nav-item.active:after{content:"";position:absolute;bottom:-4px;left:0;height:2px;width:100%;background:var(--secondary);transition:width .3s}.profile-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-secondary)}.profile-link:hover{color:var(--secondary)}.profile-text{font-size:1.3rem}.profile-icon-image{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}.hamburger-btn{font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer;z-index:1001}.main-footer{background-color:var(--header-footer-background);color:#aaa;padding:.5rem;font-size:1rem;text-align:center;border-top:2px solid transparent;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;box-shadow:0 -2px 10px #00ffff0d}.main-footer a{color:#aaa;text-decoration:none;white-space:nowrap;flex-shrink:1;font-size:.8rem;margin:0}.menu-divider{height:1px;width:100%;background:linear-gradient(to right,#00e0ff,#f0f);background-size:cover;margin:.5rem 0;opacity:.8}.mobile-sidebar-links{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.mobile-sidebar-links .nav-item{display:block;color:var(--text-secondary);text-decoration:none;font-size:1.3rem;font-family:Orbitron,sans-serif;margin:.4rem 0}.mobile-sidebar-links .nav-item:hover{color:var(--secondary)}.mobile-sidebar-links .nav-item.active{color:var(--secondary);font-weight:500}@media (max-width: 768px){.hamburger-btn{display:block}.header-nav,.profile-link{display:none}.mobile-menu-overlay{position:fixed;top:0;right:-100%;width:50%;height:100vh;background:var(--background);z-index:2000;display:flex;flex-direction:column;transition:right .3s ease}.mobile-menu-overlay.open{right:0}.mobile-menu-header{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem}.mobile-menu-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-top:1rem;gap:1.2rem;margin-left:1.5rem}.mobile-menu-nav .profile-link{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}.main-footer{font-size:1rem;gap:.1rem;justify-content:space-between}.main-footer a{font-size:.5rem;margin:0 .1rem}.mobile-sidebar-links{display:flex;flex-direction:column;gap:1.8rem;margin-top:1rem}.mobile-sidebar-links .nav-item{margin:0;color:var(--text-secondary);text-decoration:none;font-size:1.3rem;font-family:Orbitron,sans-serif}.mobile-sidebar-links .nav-item:hover{color:var(--secondary)}}@media (min-width: 768px){.md-hide,.mobile-menu-overlay .profile-link,.mobile-sidebar-links,.menu-divider{display:none!important}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f4f4;color:#111;transition:background-color .3s,color .3s}.dashboard-container{min-height:100vh;display:flex;flex-direction:column;padding:2rem 4rem;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ccc;padding-bottom:1.5rem;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;margin:0}.user-info{display:flex;align-items:center;gap:1rem}.profil-button,.darkmode-toggle{background-color:#36f;color:#fff;border:none;padding:.5rem 1.1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease-in-out}.profil-button:hover,.darkmode-toggle:hover{background-color:#274ac7}.dashboard-main{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.welcome-section,.quiz-section{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 14px #0000000d;transition:background-color .3s,color .3s}.quiz-section{background-color:#eaf2ff}.quiz-button{margin-top:1rem;background-color:#00b37e;color:#fff;padding:.5rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease-in-out}.quiz-button:hover{background-color:#019267}.loader{grid-column:span 2;text-align:center;font-size:1.2rem;color:#666;padding:2rem}.dashboard-footer{text-align:center;color:#888;font-size:.9rem;padding:1.5rem 0;border-top:1px solid #ccc;margin-top:auto}body.dark-mode{background-color:#121212;color:#f1f1f1}body.dark-mode .dashboard-container{background-color:#1e1e1e}body.dark-mode .dashboard-header{border-bottom-color:#333}body.dark-mode .welcome-section,body.dark-mode .quiz-section{background-color:#2a2a2a;color:#fff}body.dark-mode .quiz-section{background-color:#2f2f2f}body.dark-mode .profil-button,body.dark-mode .quiz-button,body.dark-mode .darkmode-toggle{background-color:#444;color:#fff}body.dark-mode .profil-button:hover,body.dark-mode .quiz-button:hover,body.dark-mode .darkmode-toggle:hover{background-color:#666}@media (max-width: 900px){.dashboard-main{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-info{flex-direction:column;align-items:flex-start}}.settings-container{flex:1;padding:2rem 4rem;background-color:var(--bg-color);color:var(--text-color);box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;transition:background-color .3s,color .3s}.settings-icon{margin-right:.5rem;color:#6c63ff}.settings-container h1{font-size:2rem;display:flex;align-items:center;margin-bottom:2rem}.settings-section{margin-bottom:2rem;padding-bottom:1.5rem}.settings-label{display:block;font-weight:600;margin-bottom:.6rem}.settings-toggle{padding:.5rem 1.2rem;background-color:#6c63ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.settings-toggle:hover{background-color:#524acc}.settings-select{width:100%;max-width:250px;padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color)}.danger-zone{margin-top:2rem}.danger-zone h2{color:#f55;font-size:1.2rem;margin-bottom:1rem}.delete-btn{background-color:#f55;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:500}.delete-btn:hover{background-color:#c44}:root{--bg-color: #ffffff;--text-color: #111111;--border-color: #cccccc;--input-bg: #f0f0f0}body.dark-mode{--bg-color: #1e1e1e;--text-color: #f1f1f1;--border-color: #444444;--input-bg: #2b2b2b}.settings-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-footer{text-align:center;padding:1rem;font-size:.9rem;background-color:transparent;color:var(--text-color);border-top:1px solid var(--border-color)}.back-button{background:none;border:none;color:var(--text-color);font-size:1rem;cursor:pointer;margin-bottom:1rem;padding:0;text-decoration:underline;align-self:flex-start}.back-button:hover{text-decoration:none}.upload-wrapper{text-align:center;padding:5rem 2rem 4rem;color:#fff;font-family:Orbitron,sans-serif;font-weight:400;font-size:20px;line-height:1.3}.upload-wrapper h1{font-size:36px;font-weight:400;line-height:100%;letter-spacing:0;color:#fff;text-align:center;max-width:80%;margin:0 auto 3rem;font-family:Orbitron,sans-serif}.upload-options{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.upload-card-wrapper{padding:2px;margin-top:5rem;border-radius:20px;background:linear-gradient(to bottom right,#00f0ff,#ff00f7);width:220px;height:220px;display:flex;justify-content:center;align-items:center;transition:width .3s ease,height .3s ease}.upload-card-inner{border-radius:18px;background-color:#0f172a;width:100%;height:100%;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,box-shadow .3s}.upload-card-inner:hover{transform:scale(1.05);box-shadow:0 0 20px #3ee9ff4d}.upload-card-inner .plus{font-size:2.8rem;margin-bottom:1rem}.upload-card-inner .label{font-size:1.2rem}.quiz-gradient{background:linear-gradient(to right,#ff00c8,#f90)}@media (max-width: 500px){.upload-options{flex-direction:column;align-items:center;gap:2rem}.upload-card-wrapper{width:90%;max-width:280px;height:auto;margin-top:1rem}.upload-card-inner{width:100%;aspect-ratio:1 / 1;padding:1.2rem}.upload-wrapper h1{font-size:1.8rem;max-width:95%;padding:0 .5rem;line-height:130%;margin-bottom:2rem}}@media (min-width: 1024px){.upload-card-wrapper{width:360px;height:360px}.upload-card-inner .plus{font-size:4.2rem}.upload-card-inner .label{font-size:1.6rem}.upload-wrapper h1{font-size:2.8rem;line-height:120%;max-width:80%;margin:0 auto 3rem}}.quiz-create-wrapper{max-width:1000px;margin:2rem auto;padding:0;color:#fff;font-family:Orbitron,sans-serif;background-color:transparent;border-radius:20px}h1,h2{text-align:center;margin-bottom:1.5rem;font-family:Orbitron,sans-serif;font-weight:400;font-size:2rem;margin-bottom:2rem}.quiz-form{display:flex;flex-direction:column;gap:2rem}.input-title,.input-description{background:#11192a;border:2px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1;padding:.8rem;border-radius:12px;color:#fff;font-family:Orbitron,sans-serif;font-weight:400;font-size:1rem;margin-bottom:2rem}.question-block{border:2px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1;padding:1rem;border-radius:20px;background-color:#111827;display:flex;flex-direction:column;gap:.8rem}.question-header{display:flex;justify-content:space-between;align-items:center}.question-number{font-size:1.3rem}.question-type-wrapper{position:relative;display:inline-block;width:fit-content}.question-type{background:transparent;color:#fff;font-family:Orbitron,sans-serif;font-size:1.1rem;border:none;padding-right:2rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-align:center;position:relative;background:#0f172a;border-image:linear-gradient(to right,#f90,#ff00c8) 1;border-radius:12px}.question-type::-ms-expand{display:none}.question-type:focus{outline:none}.question-type-wrapper:after{content:"▼";font-size:1.2rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);background:linear-gradient(to bottom right,#f90,#ff00c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}.question-type option{background-color:#0f172a;color:#fff}.question-input,.explanation-input{background:#0f172a;color:#fff;border:2px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1;border-radius:12px;padding:.7rem;font-family:Orbitron,sans-serif;font-weight:400;font-size:1rem;margin-bottom:2rem;width:100%;box-sizing:border-box}.answers-section p{margin-bottom:.5rem;color:#fff}.answer-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.answer-input{flex:1;background:#1e293b;color:#fff;border:2px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1;border-radius:12px;padding:.6rem;box-sizing:border-box;font-family:Orbitron,sans-serif;font-weight:400;font-size:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff}.checkbox-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:0;background-color:transparent;border:2px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1;position:relative;cursor:pointer}.checkbox-label input[type=checkbox]:checked{background-image:linear-gradient(to bottom,#f90,#ff00c8);background-color:transparent}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:12px;border:solid black;border-width:0 2px 2px 0;transform:rotate(45deg)}.text-answer-input{width:100%;height:100px;background:#1e293b;color:#fff;border:2px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1!important;border-radius:12px;padding:.6rem;box-sizing:border-box;font-family:Orbitron,sans-serif;font-weight:400;font-size:1rem;margin-bottom:2rem}.button-secondary{background:#ed733f;color:#000;margin-top:.5rem;border-radius:8px;border:none;padding:.6rem 1.2rem;font-family:Orbitron,sans-serif;font-size:1rem;align-self:flex-start;transition:background .3s ease}.button-secondary:hover{background:#f90}.button-add{background:transparent;border:2px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1;color:#fff;border-radius:8px;padding:.8rem 1.2rem;font-family:Orbitron,sans-serif;align-self:center}.button-add:hover{background:#1e293b}.button-submit{background:#f90!important;color:#000!important;margin-top:2rem;padding:.8rem 2rem;border-radius:0!important;font-family:Orbitron,sans-serif;font-size:1rem;align-self:center;border:0;cursor:pointer;transition:background .3s ease}.button-submit:hover{background:#22d3ee}.quiz-action-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.draft-button{background:#f90;color:#000;padding:.8rem 2rem;border-radius:0;border:none;font-family:Orbitron,sans-serif;font-size:1rem;cursor:pointer;transition:background .3s ease}.draft-button:hover{background:#e68a00}select::-ms-expand{display:none}select::-webkit-inner-spin-button,select::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select:focus{outline:none}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 2px #3ee9ff}@media (max-width: 768px){.quiz-create-wrapper{padding:1rem}.question-block{padding:1rem;margin:1rem 0}.answer-row{flex-direction:column;align-items:flex-start}.answer-row input[type=text]{width:100%;margin-bottom:.5rem}.button-secondary,.button-add,.button-submit{width:100%;margin-top:1rem}.question-type{margin-left:auto;margin-top:.5rem}.question-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.zurueck-button{background:transparent;border:1px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1!important;color:#fff;border-radius:12px;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:1rem;margin-bottom:1.5rem;cursor:pointer;transition:background .3s ease,color .3s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0c0f1f;padding:2rem;border-radius:12px;text-align:center;border:4px solid transparent;border-image:linear-gradient(to right,#ff00c8,#f90) 1;color:#fff;font-family:Orbitron,sans-serif}.modal-content h2{margin-bottom:2rem;font-size:1.6rem}.modal-buttons{display:flex;flex-direction:column;gap:1rem}.modal-buttons button{font-family:Orbitron,sans-serif;padding:.6rem 1.5rem;font-size:1rem;border:none;cursor:pointer;transition:.3s ease}.modal-buttons button:first-child{background:#ed733f;color:#fff;border-radius:8px}.modal-buttons button:last-child{background:#ff00c8;color:#fff;border-radius:8px}.quiz-card-container{position:relative;display:flex;justify-content:center;padding:3rem 1rem}.quiz-card{width:100%;height:100%;display:flex;flex-direction:column;background-color:#11111f;padding:2rem;border-radius:8px;border:2px solid;border-image:linear-gradient(to right,#ff00c8,#f90) 1}.quiz-card-grid{display:flex;gap:2rem}.quiz-left{flex:1;min-width:320px;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.quiz-right{display:flex;align-items:center;min-width:150px}.quiz-title{text-align:center;color:#fff;margin-bottom:1rem}.question-text{color:#fff;text-align:center;margin:1.5rem 0 1rem}.answer-options{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:10px}.radio-label{background:transparent;border-radius:8px;padding:12px 16px;cursor:pointer;transition:.2s ease;color:#fff}.radio-label input{margin-right:10px}.radio-label:hover{background:#333}.radio-label.selected{outline:2px solid #FF9900}.radio-label.correct{background:#2e7d32;color:#fff}.radio-label.wrong{background:#c62828;color:#fff}.navigation{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.pink-btn,.cyan-btn{padding:10px 24px;font-weight:700;border-radius:8px;font-size:1rem;cursor:pointer;border:none;transition:.2s}.pink-btn{background:#ff00c8;color:#000}.cyan-btn{background:#f90;color:#000}.question-grid-wrapper{width:100%;padding:1rem;border-radius:12px;background:#0f172a;border:2px solid;border-image:linear-gradient(to right,#ff00c8,#f90) 1;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.question-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.grid-number{width:40px;height:40px;background:#fff;color:#000;display:flex;justify-content:center;align-items:center;font-weight:700;border-radius:8px;cursor:pointer;font-size:.9rem;box-sizing:border-box;transition:transform .2s}.grid-number:hover{transform:scale(1.05)}.grid-number.answered{background:#f90!important;color:#000!important}.grid-number.unanswered{background:linear-gradient(to right,#888,#aaa);color:#fff;border:1px solid #ccc;opacity:.6;cursor:pointer;transition:all .3s ease}.grid-number.unanswered:hover{opacity:1;transform:scale(1.05)}.grid-number.correct{background:#2e7d32!important;color:#fff!important}.grid-number.wrong{background:#c62828!important;color:#fff!important}.grid-number.active{background:#fc56e4!important;color:#fff}.explanation-box{margin-top:1.5rem;padding:1rem;background:#ffffff0d;border:1px solid #FF9900;border-radius:8px;color:#fff;font-size:.95rem}.text-answer-box{margin-top:1rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.text-answer-input{padding:1rem;border-radius:8px;background:linear-gradient(#1a1a2e,#1a1a2e) padding-box,linear-gradient(to right,#ff00c8,#f90) border-box;border:2px solid transparent;color:#fff;font-size:1rem;resize:vertical;min-height:120px;width:100%;box-sizing:border-box}.zurueck-button{background:transparent;border:1px solid;border-image:linear-gradient(to right,#ff00c8,#f90) 1;color:#fff;border-radius:12px;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:1rem;margin-bottom:1.5rem;cursor:pointer;transition:background .3s ease,color .3s ease}.frage-nummer{margin-top:1rem;font-size:1.1rem;font-weight:700;color:var(--text-color, #ffffff);text-align:left}.quiz-progress{width:100%;height:12px;margin:.5rem 0 1.5rem;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#333;overflow:hidden}.quiz-progress::-webkit-progress-bar{background-color:#222;border-radius:6px}.quiz-progress::-webkit-progress-value{background:linear-gradient(to right,#ff00c8,#f90);border-radius:6px}.quiz-progress::-moz-progress-bar{background:linear-gradient(to right,#ff00c8,#f90);border-radius:6px}@media (max-width: 768px){.quiz-card-container{padding:1rem;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.quiz-card-grid{flex-direction:column;align-items:center;gap:1.5rem;width:100%}.quiz-left,.quiz-right{width:100%;max-width:100%}.quiz-right{order:-1;display:flex;justify-content:center}.question-grid-wrapper{width:100%;display:flex;justify-content:center}.question-grid{grid-template-columns:repeat(5,1fr);gap:.4rem;width:100%;max-width:300px;padding:.8rem;box-sizing:border-box}.text-answer-box,.explanation-box{width:100%;max-width:100%;box-sizing:border-box}.navigation{flex-direction:column;gap:.75rem;margin-top:1.5rem;align-items:center;width:100%}.pink-btn,.cyan-btn,.zurueck-button{width:80%;max-width:300px;text-align:center}.zurueck-button{margin-bottom:1rem}.result-box{width:100%;max-width:100%;box-sizing:border-box}.quiz-card{padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.question-text{text-align:center}}.review-back-button{margin-top:2rem;display:block;width:fit-content;margin-left:auto;margin-right:auto}.quiz-overview-wrapper{background-color:#0a0d1b;width:100%;padding:2rem;box-sizing:border-box;color:#fff;font-family:Orbitron,sans-serif;margin:0 auto;margin-top:1rem}.quiz-search-wrapper{position:relative;width:100%;max-width:900px!important;margin:2rem auto;display:flex;justify-content:center}.quiz-search-icon-img{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.quiz-search{width:100%;padding:1rem 1.5rem 1rem 3.5rem;font-size:1.1rem;background:#ed3f3f;border:none;border-radius:999px;color:#fff;box-sizing:border-box;transition:box-shadow .3s ease}.quiz-search:focus{outline:none;box-shadow:0 0 0 2px #f0f,0 0 8px #f90}.filter-box{background:#ed3f3f;border:1px solid white;border-radius:18px;padding:1.5rem;margin:1rem auto 2rem;max-width:900px;color:#fff;font-family:Orbitron,sans-serif;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1.5rem}.filter-box input[type=range]{background:#ed3f3f!important;color:#fff;border:none;border-radius:5px;padding:.5rem;width:100%;accent-color:#ED3F3F}.create-quiz-box-wrapper{background:linear-gradient(to right,#ff00c8,#f90);border-radius:20px;padding:2px;margin:0 auto 2rem;max-width:700px}.create-quiz-box{background-color:#10172b;border-radius:18px;padding:2rem;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}.create-quiz-box:hover{transform:scale(1.03);box-shadow:0 0 12px #ff00c8}.plus-icon{font-size:4rem;font-weight:900;background:linear-gradient(to right,#ff00c8,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-bottom:.2rem;transform:translateY(-12px)}.create-text{font-size:1.2rem;color:#fff}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:0 1rem;box-sizing:border-box;margin-top:2rem}.quiz-tile-wrapper{background:linear-gradient(to right,#ff00c8,#f90);border-radius:20px;padding:2px;height:260px;width:100%;display:flex}.quiz-tile{background-color:#10172b;border-radius:18px;padding:2rem 1rem;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;flex-grow:1;transition:transform .2s;align-items:center;text-align:center}.quiz-tile:hover{transform:scale(1.05)}.quiz-title{font-size:1.1rem;margin-bottom:.5rem;color:#fff}.quiz-questions{font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;line-height:100%;background:linear-gradient(to right,#ff00c8,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-top:.3rem}.quiz-filter-button{background:transparent;border:none;cursor:pointer;padding:0 .5rem;display:flex;align-items:center;justify-content:center}.filter-icon{width:1.5rem;height:1.5rem;stroke:#fff}.quiz-filter-button img{width:1.5rem;height:1.5rem;filter:invert(1);transition:transform .2s}.quiz-filter-button:hover img{transform:scale(1.15)}.quiz-filter-dropdown{margin-top:.5rem;margin-bottom:1rem;background-color:#10172b;border:2px solid #ff00c8;border-radius:12px;padding:1rem;color:#fff;font-family:Orbitron,sans-serif;display:flex;flex-direction:column;gap:.6rem;max-width:300px}.quiz-filter-dropdown input[type=number]{width:4rem;margin-left:.5rem;padding:.3rem;background:#0a0d1b;border:1px solid #ff9900;border-radius:6px;color:#fff}@media (max-width: 600px){.quiz-search-wrapper{max-width:90%}}@media (max-width: 768px){.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.quiz-tile-wrapper{height:auto;min-height:180px}.quiz-cover-image{max-height:100px}.quiz-tile-wrapper{height:180px}.quiz-title{font-size:.9rem}.quiz-questions{font-size:.8rem}.create-quiz-box{padding:1.5rem}.plus-icon{font-size:2.5rem}.create-text{font-size:1.1rem}}@media (max-width: 480px){.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem}.quiz-tile-wrapper{height:auto;min-height:150px}.quiz-tile{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem;box-sizing:border-box;height:100%}.quiz-cover-image{width:100%;max-height:120px;object-fit:contain;border-radius:8px;margin-bottom:.5rem}.quiz-title{font-size:.9rem;text-align:center;margin-top:.5rem;word-wrap:break-word;line-height:1.3}.quiz-questions{font-size:.8rem;text-align:center;margin-top:.2rem}}.quiz-layout{display:flex;gap:2rem;align-items:flex-start;margin-top:2rem}.quiz-main{flex:3;background:var(--card-background);padding:2rem;border-radius:12px;border:2px solid var(--primary)}.quiz-sidebar{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:#0e0f1a;padding:1rem;border-radius:8px;border:1px solid #333}.quiz-nav-button{background:#222;color:#fff;text-align:center;padding:.5rem;border-radius:6px;transition:background-color .3s}.quiz-nav-button.answered{background:var(--secondary);color:#000}.quiz-question{background-color:#1e1e1e;color:var(--text-dark);border-radius:10px;padding:1.5rem;margin-bottom:2rem;border:1px solid #444}.quiz-question h3{margin-bottom:1rem;font-size:1.3rem}.quiz-answers{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.5rem}.answer-option{padding:.6rem 1rem;border-radius:6px;background-color:#2a2a2a;transition:background-color .3s;cursor:pointer;font-weight:500}.answer-option:hover{background-color:#444}.answer-option.selected{border:2px solid var(--secondary)}.answer-option.correct{background-color:#2e7d32;color:#aef8ae;font-weight:700}.answer-option.wrong{background-color:#8b0000;color:#fff;font-weight:700}.quiz-explanation{font-size:.9rem;font-style:italic;margin-top:.5rem;color:#ccc}.quiz-button,.submit-button,.start-button{background-color:var(--secondary);color:#000;border:none;padding:.6rem 1.2rem;border-radius:6px;margin-top:2rem;cursor:pointer;transition:background-color .3s}.quiz-button:hover,.submit-button:hover,.start-button:hover{background-color:#f90}.quiz-detail-grid{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap}.quiz-detail-left,.quiz-detail-right{flex:1;min-width:300px}.quiz-thumbnail{background-color:#222;height:200px;display:flex;align-items:center;justify-content:center;color:#888;border-radius:8px;border:1px solid #444}.quiz-progress-bar{margin-top:.8rem;height:6px;background:#333;border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px}@media (max-width: 768px){.quiz-layout,.quiz-detail-grid{flex-direction:column}.quiz-sidebar{grid-template-columns:repeat(5,1fr)}.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.quiz-detail-border-gradient{position:relative;border-radius:14px;background:linear-gradient(to right,#ff00c8,#f90);padding:1px}.quiz-detail-border-gradient>.quiz-detail-container{background-color:var(--card-background);border-radius:12px;padding:2rem 3rem;color:#fff}.quiz-detail-container{background-color:var(--card-background);border-radius:14px;padding:2.5rem 3rem;color:var(--text-primary)}.quiz-detail-title{color:#fff;text-align:center;font-family:Orbitron,sans-serif;font-weight:400;font-size:1.8rem;margin-bottom:2rem}.quiz-detail-grid{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;position:relative;padding:1rem 0}.quiz-detail-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to right,#ff00c8,#f90);transform:translate(-50%);opacity:.7;border-radius:1px}.quiz-detail-left,.quiz-detail-right{font-family:Orbitron,sans-serif;font-weight:300;font-size:.95rem;line-height:1.6;color:#fff;flex:1;min-width:300px}.quiz-thumbnail{background-color:#222;height:200px;display:flex;align-items:center;justify-content:center;color:#888;border-radius:8px;border:1px solid #444;margin-top:1rem}.quiz-detail-actions{display:flex;justify-content:center;margin-top:2.5rem}.main-content{background-color:transparent}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:2rem;padding:1rem;background:#0a1429;border-radius:12px;border:2px solid transparent;position:relative;max-width:200px;justify-content:center;align-self:center;margin-left:auto}.question-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:12px;background:linear-gradient(to right,#ff00c8,#f90) 1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;z-index:-1}.grid-number{width:32px;height:32px;font-size:.9rem;font-weight:700;background-color:#fff;color:#000;border-radius:6px;text-align:center;line-height:32px;cursor:pointer}.grid-number.active{background-color:#f90;color:#fff}.grid-number.answered{background-color:var(--secondary);color:#000}.quiz-button-row{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.quiz-button{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.quiz-button.pink{background:#ff00c8;color:#fff}.quiz-button.cyan{background:#f90;color:#000}.quiz-button:disabled{opacity:.4;cursor:not-allowed}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:2rem;justify-items:center}.grid-number{background:#fff;color:#000;border-radius:6px;padding:.4rem .6rem;text-align:center;min-width:28px;cursor:pointer}.grid-number.active{background:#fc56e4;color:#fff}.grid-number.answered{background:var(--secondary);color:#000}.quiz-media{margin:1rem 0;text-align:center}.quiz-media img{max-width:100%;border-radius:10px;border:2px solid #555}@media (max-width: 768px){.quiz-detail-border-gradient>.quiz-detail-container{padding:1.5rem}.main-content{margin-top:10rem}.quiz-detail-title{font-size:1.4rem}.quiz-detail-grid{flex-direction:column;padding:0}.quiz-detail-grid:before{display:none}.quiz-detail-left,.quiz-detail-right{min-width:100%}.quiz-thumbnail{height:auto;font-size:.9rem;padding:1rem}.quiz-media img,.quiz-media video{width:100%;max-width:100%;height:auto}.quiz-detail-actions{margin-top:2rem;justify-content:center}}.zurueck-button{background:transparent;border:1px solid;border-image:linear-gradient(to right,#ff00c8,#f90) 1;color:#fff;border-radius:12px;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:1rem;margin-bottom:1.5rem;margin-top:2rem;cursor:pointer;transition:background .3s ease,color .3s ease}.quiz-detail-actions{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.quiz-button.pink-outline{padding:.6rem 1.5rem;font-weight:700;border-radius:12px;background:transparent;border:1px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1;color:#fff;font-family:Orbitron,sans-serif;transition:background-color .3s}.quiz-button.pink-outline:hover{background:#ffffff0d}.quiz-action-button{padding:.6rem 1.4rem;font-family:Orbitron,sans-serif;font-weight:0;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.quiz-action-button.filled{background-color:#f90;color:#000;border:none}.quiz-action-button.bordered{background-color:transparent;color:#fff;border:1px solid;border-image:linear-gradient(to right,#f90,#ff00c8) 1}.quiz-action-button.bordered:hover{background-color:#ffffff0d}.kurs-list-wrapper{padding:2rem;background-color:transparent;color:var(--text-color);overflow-x:hidden;padding:3rem 2rem 2rem}.kurs-search-wrapper{position:relative;width:100%;max-width:900px!important;margin:0 auto 2rem;display:flex;justify-content:center;margin:2rem auto}.kurs-search-icon-img{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.kurs-search{width:100%;max-width:900px;margin:0 auto;display:block;padding:1rem 1.5rem 1rem 3.5rem;font-size:1.1rem;background:#48358c;border:none;border-radius:999px;color:#fff;box-sizing:border-box;transition:box-shadow .3s ease}.kurs-search:focus{outline:none;box-shadow:0 0 0 2px #f0f,0 0 8px #00e0ff}.filter-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;cursor:pointer}.filter-box{background:#0a1429;border:1px solid white;border-radius:10px;padding:1rem;margin-bottom:1.5rem;max-width:400px;color:#fff;font-family:Orbitron,sans-serif}.filter-box label{display:flex;flex-direction:column;font-size:1rem;gap:.5rem}.filter-box input{background:#48358c;color:#fff;border:none;border-radius:5px;padding:.5rem}.create-kurs-box-wrapper{background:linear-gradient(to right,#00e0ff,#f0f);border-radius:20px;padding:3px;margin:0 auto 2rem;max-width:700px}.create-kurs-box{background-color:#10172b;border-radius:18px;padding:2rem;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}.create-kurs-box:hover{transform:scale(1.03);box-shadow:0 0 12px #ff00c8}.plus-icon{font-size:3.5rem;font-weight:700;background:linear-gradient(to right,#00e0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.2rem}.create-text{font-size:1.2rem;color:#fff;font-family:Orbitron,sans-serif}.kurs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;width:100%;box-sizing:border-box}.kurs-tile-wrapper{height:260px;width:100%;padding:1px;border-radius:18px;background:linear-gradient(to right,#00e0ff,#f0f);display:flex}.kurs-tile{flex:1;background:#0a1429;border-radius:16px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;padding:1.2rem;box-sizing:border-box;position:relative;transition:transform .3s ease;border:2px solid transparent;background-clip:padding-box}.kurs-tile:hover{transform:scale(1.05)}.kurs-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(45deg,#00e0ff,#f0f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.kurs-icon{font-size:2rem;margin-bottom:.5rem;color:var(--secondary)}.kurs-title{font-family:Orbitron,sans-serif;font-weight:500;font-size:1.1rem;line-height:1.3;color:#fff;text-align:center;word-break:break-word}@media (max-width: 600px){.kurs-search-wrapper{max-width:95%;margin-top:1.5rem}.kurs-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.kurs-tile-wrapper{height:auto;min-height:180px}.kurs-tile{padding:.8rem}.kurs-cover-image{width:100%;max-height:120px;object-fit:contain;border-radius:6px;margin-bottom:.5rem}.kurs-title{font-size:.95rem;line-height:1.4;text-align:center;word-wrap:break-word}.create-kurs-box{padding:1rem}.plus-icon{font-size:2rem}.create-text{font-size:1rem}}@media (max-width: 768px){.kurs-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem}.kurs-tile-wrapper{height:180px}.kurs-title{font-size:.9rem}.kurs-icon{font-size:1.5rem}.create-kurs-box{padding:1.5rem}.plus-icon{font-size:2.5rem}.create-text{font-size:1.1rem}}@media (max-width: 480px){.kurs-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.kurs-tile-wrapper{height:150px}.kurs-tile{padding:.8rem}.kurs-title{font-size:.8rem}.kurs-icon{font-size:1.2rem}.create-kurs-box{padding:1rem}.plus-icon{font-size:2rem}.create-text{font-size:1rem}}@media (min-width: 1200px){.kurs-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.kurs-tile-wrapper{height:320px}.kurs-cover-image{max-height:180px}.kurs-title{font-size:1.2rem}}.kurs-detail-wrapper{padding:3rem 4rem 2rem;width:100%;max-width:none;color:#fff;box-sizing:border-box}.kurs-detail-title{text-align:center;font-size:2rem;font-weight:500;margin-bottom:2rem;color:var(--text-color)}.kurs-detail-border-gradient{position:relative;border-radius:14px;background:linear-gradient(45deg,#00e0ff,#f0f);padding:2px;margin-bottom:2rem}.kurs-detail-container{background-color:#101828;border-radius:12px;padding:2rem}.kurs-detail-grid{display:flex;gap:3rem;justify-content:space-between;flex-wrap:wrap}.kurs-detail-left,.kurs-detail-right{flex:1;min-width:300px;font-family:Orbitron,sans-serif;font-weight:300;line-height:1.6;margin-bottom:.9rem;position:relative;padding-left:1.5rem;border-left:2px solid transparent}.kurs-detail-right:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#00e0ff,#f0f);border-radius:1px}.kurs-markdown-content{background:#0a1429;padding:2rem;border-radius:12px;border:2px solid transparent;position:relative;color:#fff;font-family:Orbitron,sans-serif;font-weight:400}.kurs-markdown-content img{max-width:100%;height:auto;display:block;margin:1rem auto}.status-text{text-align:center;color:#fff;font-size:1.2rem;margin-top:2rem}.status-text.error{color:red}.shadow-box{background:#111;border-radius:1rem;padding:1.5rem;color:#fff;border:1px solid #333;margin-top:2rem}.kurs-detail-image{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.kurs-detail-video{width:100%;max-width:640px;margin:1rem 0;border-radius:8px;background-color:#000}.kurs-markdown-inline{font-family:Orbitron,sans-serif;font-weight:300;line-height:1.6;font-size:.9rem;background-color:#ffffff0d;padding:1rem;border-radius:8px;margin-top:1rem}@media (max-width: 768px){.kurs-detail-wrapper{padding:1rem}.kurs-detail-grid{flex-direction:column;gap:2rem}.kurs-detail-container{padding:1.5rem}.kurs-detail-title{font-size:1.5rem}.kurs-detail-left,.kurs-detail-right{min-width:100%}.kurs-markdown-content{padding:1rem}}.zurueck-button{background:transparent;border:1px solid;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;color:#fff;border-radius:12px;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:1rem;margin-bottom:1.5rem;margin-top:1rem;display:inline-block;cursor:pointer;transition:background .3s ease,color .3s ease}.zurueck-button:hover{background-color:#ffffff0d;color:#fff}.kurs-gradient{border-image:linear-gradient(to right,#00e0ff,#f0f) 1!important}.kurs-detail-buttons{margin-top:1rem;display:flex;gap:1rem}.bearbeiten-button,.loeschen-button,.quiz-erstellen-button{background:transparent;border:2px solid;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;color:#fff;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:300;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .3s,color .3s}.bearbeiten-button:hover,.quiz-erstellen-button:hover{background-color:#ffffff0d}.loeschen-button{background-color:#d32f2f;color:#000;border:none;border-radius:8px;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:300;cursor:pointer;transition:background .3s}.loeschen-button{background:#ff00c8}.quiz-erstellen-button{background:transparent}.bearbeiten-button:hover,.loeschen-button:hover,.quiz-erstellen-button:hover{opacity:.9}.kurs-detail-buttons-centered{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}@media (max-width: 768px){.kurs-detail-wrapper{padding:1rem .5rem;width:100%;box-sizing:border-box;color:#fff}.kurs-detail-title{text-align:center;font-size:1.8rem;font-weight:500;margin-bottom:1.5rem;color:var(--text-color);word-break:break-word}.kurs-detail-border-gradient{border-radius:14px;background:linear-gradient(45deg,#00e0ff,#f0f);padding:2px;margin-bottom:1.5rem}.kurs-detail-container{background-color:#101828;border-radius:12px;padding:1rem}.kurs-detail-grid{display:flex;flex-direction:column;gap:1.5rem}.kurs-detail-left,.kurs-detail-right{font-family:Orbitron,sans-serif;font-weight:300;line-height:1.6;padding-left:0;border-left:none}.kurs-markdown-inline{font-family:Orbitron,sans-serif;font-weight:300;line-height:1.5;font-size:.95rem;background-color:#ffffff0d;padding:1rem;border-radius:8px;margin-top:1rem;overflow-wrap:break-word}.kurs-detail-image{width:100%;height:auto;border-radius:8px;margin:1rem 0}.kurs-detail-video{width:100%;border-radius:8px;background-color:#000}.zurueck-button{width:100%;text-align:center;margin-bottom:1rem;padding:.6rem;font-size:1rem;border-radius:8px}.kurs-detail-buttons{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem}.kurs-detail-buttons button{width:100%;font-size:1rem;padding:.8rem}}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.course-form{width:100%;max-width:100%;margin:0 auto;padding:1rem;font-family:Orbitron,sans-serif;color:#fff;display:flex;background-color:transparent!important;flex-direction:column;gap:1.5rem}.course-title{text-align:center;font-size:1.8rem;margin-bottom:1rem;margin-top:2.5rem}.input-field-titel{all:unset;display:block;margin:0 auto;width:100%;max-width:1000px;padding:.9rem 1.2rem;font-size:1rem;font-family:Orbitron,sans-serif;color:var(--text-primary);background-color:#0a1020;border-radius:.7rem;border:1px solid;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;box-sizing:border-box;margin-bottom:2rem}.input-field-titel::placeholder{color:#aaa;opacity:.8}.input-field-titel:hover{background-color:#101828}.file-upload-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:1.5rem;width:100%;max-width:968px;margin:2rem auto;border:1px solid;border-radius:.7rem;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;background-color:#0a1020;font-family:Orbitron,sans-serif;cursor:pointer;position:relative}.file-input-hidden{display:none}.file-upload-label{background-color:#77bdf7;color:#000;padding:3rem 2rem;border-radius:.6rem;font-weight:700;cursor:pointer;font-size:1rem;white-space:nowrap;flex-shrink:0}.file-upload-info{color:var(--text-secondary);font-size:1rem;flex:1;margin-left:1rem}.file-upload-label:hover{background-color:#62ace7}.cover-button-left{display:flex;justify-content:flex-start;margin:1rem 0 1rem 26.5rem}.cover-button-left button{border:1px solid transparent;border-radius:0;padding:.9rem 1.2rem;background:linear-gradient(#0a1020,#0a1020) padding-box,linear-gradient(to right,#00cfff,#f0f) border-box;color:#fff;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease}.cover-button-left button:hover{background:linear-gradient(#101828,#101828) padding-box,linear-gradient(to right,#f0f,#00cfff) border-box}.kurs-header-row .cover-image-uploader{display:inline-block}.editor-preview-grid{display:grid;grid-template-columns:1fr 1fr;height:25vw;min-height:0;gap:2rem;margin:1rem 0;position:relative}.markdown-preview-box{flex:1;background-color:#0a1020;border-radius:.75rem;border:1px solid;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;display:flex;flex-direction:column;min-height:0;position:relative;padding-top:2rem}.box-header{display:flex;align-items:center;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;min-height:56px;padding:0 1rem;position:relative;font-weight:700;font-size:1rem;gap:.5rem}.box-header:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:linear-gradient(to right,#00e0ff,#f0f)}.box-header .header-left,.header-left{display:flex;align-items:center;gap:.5rem}.editor-header-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-left:auto;position:absolute;right:2rem;top:.8rem}.markdown-header-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-left:auto;position:absolute;right:-7rem;top:.8rem}.textarea{flex:1;font-family:monospace;font-size:1rem;padding:1.2rem;background:transparent;border:none;color:#fff;resize:none}.preview-content{flex:1;padding:1.2rem;background-color:transparent;color:#fff;font-size:1rem;overflow:auto;height:100%}.preview-content img,.preview-content video{max-width:100%;border-radius:8px}.help-button{width:36px;height:36px;border-radius:50%;padding:0;border:2px solid transparent;background:linear-gradient(#0a1020,#0a1020) padding-box,linear-gradient(to right,#00e0ff,#f0f) border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:8rem;flex-shrink:0}.help-container{position:static;top:.5rem;right:.5rem}.help-icon{font-size:1.1rem;font-family:Orbitron,sans-serif;font-weight:700;background:linear-gradient(to right,#00e0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.help-button:hover{background-color:#00e0ff1a}.markdown-help-modal{position:absolute;top:2.5rem;right:0;width:300px;max-height:70vh;overflow-y:auto;background:#fff;border:1px solid #ccc;padding:1rem;z-index:1000;box-shadow:0 2px 8px #0003;color:#000}.markdown-help-modal h3{margin-top:1rem;margin-bottom:.5rem}.markdown-help-modal ul{margin-bottom:1rem;padding-left:1.2rem}.markdown-help-modal p{margin-bottom:.75rem}.close-button{z-index:1000;position:absolute;top:.2rem;right:.5rem;background:transparent;border:none;font-size:1.2rem;cursor:pointer}.course-subtitle{text-align:center;font-size:1.4rem;margin-top:2rem}.submit-button{display:block;margin:0 auto;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:700;border:none;cursor:pointer;background:linear-gradient(to right,#00e0ff,#00f0ff);color:#000;transition:all .3s ease}.submit-button:hover{background:linear-gradient(to right,#00cfff,#f0f);color:#fff}.editor-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1rem 0}@media (max-width: 768px){.editor-preview-grid{grid-template-columns:1fr;gap:1rem}.markdown-preview-box{min-height:180px}.markdown-textarea,.preview-content{font-size:.9rem;padding:.8rem}.button-group{display:flex;flex-direction:column;gap:0rem;margin:18rem auto 1.1rem;width:100%;max-width:300px}.button-group button{font-size:1rem;padding:.7rem 1.2rem;border-radius:.5rem;border:none;text-align:center}.kurs-edit-wrapper{padding-bottom:5rem}.help-button{width:24px;height:24px;font-size:1rem}.markdown-help-modal{top:50px;padding:1rem;font-size:.9rem}.help-container{position:static;display:flex;justify-content:flex-end;margin-top:.3rem}.box-header{font-size:.85rem;flex-wrap:nowrap;justify-content:space-between}.editor-header-right{position:absolute;right:1rem;top:.8rem;gap:.4rem}.markdown-header-right{position:absolute;flex-wrap:nowrap;right:-7rem;top:.8rem;gap:.4rem}.help-button,.header-right svg{display:inline-flex;width:24px;height:24px}.help-icon{font-size:1.2rem}.kurs-header-row{flex-direction:column;align-items:stretch;text-align:center}}@media (max-width: 1024px){.cover-button-left{margin-left:1rem;justify-content:flex-start;margin-left:-2px}}.markdown-textarea{background-color:transparent;color:#fff;border:none;padding:1rem;flex:1;resize:none;height:100%;overflow:auto}.preview-content::-webkit-scrollbar,.markdown-textarea::-webkit-scrollbar{width:8px}.preview-content::-webkit-scrollbar-thumb,.markdown-textarea::-webkit-scrollbar-thumb{background:#777;border-radius:4px}.file-gallery{display:flex;flex-wrap:wrap;gap:1rem;max-width:1000px;margin:0 auto 1rem;border:1px solid;border-radius:.75rem;border-image:linear-gradient(to right,#00e0ff,#f0f) 1;background-color:#0a1020}.file-item img,.file-item video{max-width:200px;border-radius:.4rem;border:1px solid #333;object-fit:cover}.file-item{cursor:pointer;text-align:center}.send-button{display:block;margin:2rem auto;background-color:#3ee9ff;color:#000;padding:.6rem 10rem;border-radius:.6rem;font-weight:700;cursor:pointer;font-size:1.5rem}.drag-drop-area{border:2px dashed #888;padding:3rem;width:700px;text-align:center;margin-top:0;color:#666;background-color:#f9f9f9;border-radius:8px;transition:background-color .2s ease}.drag-drop-area:hover{background-color:#eaeaea;cursor:copy}.tab-header{text-align:center;display:flex;gap:1rem;margin-bottom:1rem}.tab-header button{padding:.5rem 1rem;background:#eee;border:none;cursor:pointer}.tab-header .tab-active{background:#0070f3;color:#fff;border-radius:4px}.quiz-result-container{padding:2rem;color:#fff;background-color:transparent!important;min-height:100vh}.back-button{background-color:transparent;color:#fff;padding:.4rem 1.2rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:transform .2s;text-decoration:none;border:2px solid;border-image-slice:1;border-width:2px;border-image-source:linear-gradient(to right,#ff00c8,#ff9900)}.back-button:hover{transform:scale(1.05);text-decoration:none}.quiz-result-card{background-color:#111628;border-radius:12px;padding:2rem;text-align:center;position:relative;z-index:1;border:2px solid transparent;background-image:linear-gradient(#111628,#111628),linear-gradient(to right,#ff00c8,#f90);background-origin:border-box;background-clip:padding-box,border-box}.quiz-result-card h2{font-size:1.8rem;margin-bottom:1rem}.score-line,.percentage-line{font-size:1.2rem;margin:.4rem 0}.gradient-border{padding:2px;border-radius:12px;background:linear-gradient(to right,#00c8ff,#ff00c8);display:inline-block;margin:20px 0}.periodic-box{background-color:#111a30;border-radius:10px;padding:16px;color:#fff;text-align:center}.periodic-title{font-weight:700;margin-bottom:12px;color:#fff}.cell-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:8px;justify-content:center;padding:8px;width:100%;max-width:700px;margin:0 auto}.cell{background-color:#333;color:#fff;text-align:center;border-radius:6px;width:30px;height:30px;line-height:30px;font-weight:700;font-size:14px}.cell.correct{background-color:#34ca3e}.cell.wrong{background-color:#db3e3e}.reward-section{margin-top:2rem;font-family:Orbitron,sans-serif}.reward-section h3{font-size:1.4rem;margin-bottom:.5rem}.reward-section ul{list-style-type:none;padding:0;font-size:1rem}.result-buttons{margin-top:2rem;display:flex;gap:1.5rem;justify-content:center}.result-buttons button{padding:.6rem 1.5rem;border:none;border-radius:6px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;font-size:1rem;transition:transform .2s}.view-button{background-color:orange;color:#000}.end-button{background-color:#f90;color:#000}.result-buttons button:hover{transform:scale(1.05)}.profile-page{display:flex;min-height:100vh;height:100dvh;background-color:#0a0c15;color:#fff;font-family:Orbitron,sans-serif;position:relative}.sidebar-container{background-color:#080d18;border-right:2px solid;border-image:linear-gradient(to bottom,#062378,#83205c) 1;height:calc(100vh - 60px);font-family:Orbitron,sans-serif;width:235px;height:103.5%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.sidebar{width:235px;height:100vh;background:transparent;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;margin-left:-45px}.sidebar-border{width:2px;min-height:100vh;position:absolute;top:0;right:0}.sidebar button{background:none;border:none;color:#fff;text-align:left;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:400;font-size:22px}.sidebar button:hover{background:#ffffff14;transform:translate(4px)}.sidebar .active{background:#3ee9ff;width:24vh;color:#000;font-weight:800}.profile-content{flex-grow:1;padding:2rem 3rem;min-height:100vh;height:auto;display:flex;flex-direction:column;align-items:stretch}.profile-card{background:#111322;border:2px solid #00c8ff;border-radius:12px;padding:3rem 4rem;width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:3rem;font-size:1.3rem}.profile-title{font-size:36px;margin:0 auto 2rem;width:fit-content;text-align:center;font-weight:700}.profile-info-section{display:flex;flex-direction:row;width:100%;justify-content:flex-start;align-items:center;gap:2rem;margin-bottom:1.5rem}.profile-img{width:280px;height:350px;border-radius:12px;background:#ccc;margin-left:1rem}.vertical-line{width:2px;height:370px;background:linear-gradient(to bottom,#ff00c8,#0ff);margin:0 1rem}.profile-details{display:flex;flex-direction:column;gap:.3rem;font-size:1.2rem}.profile-details h2{font-size:1.4rem;margin-bottom:.5rem}.profile-username{font-size:1.3rem;font-weight:700;margin:0 0 .6rem;color:#fff}.badges-box-inside{position:relative;top:-4.5rem;padding-left:1rem}.badges-box-inside h3{font-family:Orbitron,sans-serif;font-weight:700;font-size:24px;line-height:100%;letter-spacing:0%;color:#fff;margin-bottom:12px}.badge-list{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start}.badge{position:relative;padding:6px 16px;margin:6px;border-radius:12px;color:#fff;background-color:transparent;z-index:1}.badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:2px;background:linear-gradient(to right,#f90,#ff00c8);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.badge.kurs:before{background:linear-gradient(to right,#00e0ff,#f0f)}.badge.quiz:before{background:linear-gradient(to right,#f90,#ff00c8)}.desktop-only{display:block}@media (max-width: 768px){.profile-page{flex-direction:column;margin-top:90px}.sidebar-container{width:100%;height:auto;padding:1rem;flex-direction:row;overflow-x:auto;padding:1rem .5rem}.sidebar{flex-direction:row;flex-wrap:wrap;width:max-content;height:auto;gap:.5rem;justify-content:flex-start;padding:0}.sidebar button{font-size:.9rem;padding:.3rem .8rem;white-space:nowrap}.sidebar .active{width:auto}.profile-content{padding:1rem}.profile-card{padding:1rem;gap:1rem;font-size:.95rem;align-items:center;width:95%;margin:0 auto;box-sizing:border-box}.profile-title{font-size:1.2rem;text-align:center}.profile-info-section{flex-direction:column;align-items:center;gap:1rem}.profile-img{width:150px;height:180px}.vertical-line{display:none}.profile-details{align-items:center;text-align:center}.badges-box-inside{padding:0;text-align:center}.badge-list{justify-content:center}.badges-box-inside h3{font-size:1rem}.badge{padding:4px 10px;font-size:.8rem}.desktop-only{display:none}}.profile-content{flex:1;padding:2rem;max-width:100%;overflow-y:auto;box-sizing:border-box}.quiz-scrollable-card{overflow-y:auto;max-height:70vh}.quiz-scrollable-card::-webkit-scrollbar{width:10px}.quiz-scrollable-card::-webkit-scrollbar-track{background:#0b0f1a;border-radius:10px}.quiz-scrollable-card::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff00c8,#f90);border-radius:10px}.quiz-scrollable-card::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.quiz-list{display:flex;flex-direction:column;gap:1rem;width:100%}.quiz-card-outer-border{border:2px solid transparent;border-radius:12px;background-image:linear-gradient(#0a1429,#0a1429),linear-gradient(45deg,#ff00c8,#f90)!important;background-origin:border-box;background-clip:padding-box,border-box;padding:1.5rem}.quiz-item-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:12px;padding:1rem;position:relative;width:100%;height:100%}.quiz-item-row:not(:last-child):after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:2px;background:linear-gradient(45deg,#ff00c8,#f90);border-radius:50px}.quiz-card-with-border{background:linear-gradient(45deg,#ff00c8,#f90);border-radius:12px;padding:2px}.quiz-card-inner{background-color:#10172b;border-radius:10px;padding:1rem;width:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px}.quiz-icon{width:60px;height:60px;object-fit:contain;display:block;margin:0 auto .5rem}.quiz-title{font-size:1rem;font-weight:500;margin:.5rem 0 .2rem}.quiz-questions{margin-top:.3rem;font-weight:700;background:linear-gradient(to right,#ff00c8,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-description{flex:1;color:#ccc;text-align:center}.quiz-action{display:flex;justify-content:flex-end;margin-top:1rem}.quiz-btn{background:#f90;border:none;border-radius:8px;padding:.7rem 1.9rem;cursor:pointer;font-family:Orbitron,sans-serif}.quiz-btn:hover{background:#ff00c8;color:#fff}@media (max-width: 768px){.quiz-item-row{flex-direction:column;align-items:stretch}.quiz-card-inner{width:100%}.quiz-action{justify-content:center;margin-top:2rem}.quiz-btn{margin-top:.6rem}}.profile-page{width:100%;box-sizing:border-box;display:flex;background-color:#0b0f1a;color:#fff;min-height:100vh}.profile-content{flex:1;padding:2rem;max-width:100%;overflow-y:auto;box-sizing:border-box;overflow-x:hidden}.course-scrollable-card{overflow-y:auto;max-height:70vh;overflow-x:hidden}.course-scrollable-card::-webkit-scrollbar{width:10px}.course-scrollable-card::-webkit-scrollbar-track{background:#0b0f1a;border-radius:10px}.course-scrollable-card::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#f0f,#00e0ff);border-radius:10px}.course-scrollable-card::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.course-card{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:1rem;gap:1rem;width:100%;background-color:transparent;box-shadow:none;margin-bottom:1rem;position:relative}.course-card:not(:last-child):after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:2px;background:linear-gradient(to right,#00e0ff,#f0f);border-radius:50px}.scrollable-card{overflow-y:hidden;max-height:70vh}.profile-title{font-size:1.8rem;margin-bottom:1rem;text-align:center}.course-list{display:flex;flex-direction:column;gap:1rem;width:100%}.course-item-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:12px;padding:1rem;position:relative}.course-item-row:not(:last-child):after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:2px;background:linear-gradient(to right,#00e0ff,#f0f);border-radius:50px}.course-card-with-border{background:linear-gradient(to right,#00e0ff,#f0f);border-radius:12px;padding:2px}.course-card-inner{background-color:#10172b;border-radius:10px;padding:1rem;width:220px;text-align:center;color:#fff}.course-card-inner img.course-cover-image{width:100%;height:10px;object-fit:cover;border-radius:8px;display:block}.course-card-inner h3.course-title{font-size:1rem;font-weight:500;margin-top:.5rem;line-height:1.2;word-wrap:break-word}.course-item-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:12px;padding:1rem;gap:1rem}.course-description{flex:1;color:#ccc;text-align:center}.course-action{display:flex;justify-content:flex-end}.course-btn{background:#fc56e4!important;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer;font-family:Orbitron,sans-serif}.course-btn:hover{background:#ff00c8;color:#fff}@media (max-width: 768px){.profile-card{width:calc(100% + 0rem);margin:0 auto;box-sizing:border-box}.profile-title{font-size:1.4rem;text-align:center;word-wrap:break-word;line-height:1.4;padding:0 .5rem}.course-item-row{flex-direction:column;align-items:stretch}.course-card-inner{width:100%}.course-action{justify-content:center;margin-top:1rem}}html,body{margin:0;padding:0;overflow-x:hidden}.profile-page{width:100%;box-sizing:border-box}.profile-content{padding:2rem;max-width:100%;overflow-y:auto;box-sizing:border-box}.profile-card{border:1px solid transparent;border-radius:12px;background-clip:padding-box,border-box;background-origin:border-box;background-image:linear-gradient(#0a1429,#0a1429),linear-gradient(to right,#00e0ff,#f0f);padding:1.5rem;margin-top:1rem}.scrollable-card{overflow-y:auto;max-height:70vh}.scrollable-card::-webkit-scrollbar{width:8px}.scrollable-card::-webkit-scrollbar-track{background:#0a1429;border-radius:10px}.scrollable-card::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ff00c8,#00e0ff);border-radius:10px}.scrollable-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#00e0ff,#ff00c8)}.drafts-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.quiz-tab,.course-tab{background-color:#0a1429;border-radius:30px;color:#fff;padding:12px 20px;font-size:1.2rem;margin-left:15px;cursor:pointer;transition:background-color .3s ease;font-family:Orbitron,sans-serif;min-width:100px;text-align:center}.quiz-tab{border:1px solid #FF9900}.active-tab.quiz-tab{background-color:#f90;color:#0a1429}.course-tab{border:1px solid #3EE9FF;width:14vh}.active-tab.course-tab{background-color:#3ee9ff;color:#0a1429}.draft-list{display:flex;flex-direction:column;gap:1rem;width:100%}.draft-item-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:12px;padding:1rem;gap:1rem}.quiz-draft-card-with-border{background:linear-gradient(45deg,#ff00c8,#f90);border-radius:12px;padding:2px}.course-draft-card-with-border{background:linear-gradient(to bottom,#00e0ff,#ff00c8);border-radius:12px;height:100hv;padding:2px}.quiz-draft-card-inner{background-color:#10172b;border-radius:10px;padding:1rem;width:220px;flex:1;height:auto;text-align:center;color:#fff}.course-draft-card-inner{background-color:#10172b;border-radius:10px;padding:1rem;width:220px;flex:1;height:165px;text-align:center;color:#fff}.quiz-draft-card-inner p{font-weight:600;background:linear-gradient(45deg,#ff00c8,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.quiz-draft-card-inner h3{font-weight:400}.draft-description{flex:1;color:#ccc}.draft-action{font-family:Orbitron,sans-serif!important;background:#f90;border:none;border-radius:8px;padding:.2rem .5rem;cursor:pointer}.draft-action-course{font-family:Orbitron,sans-serif!important;background:#fc56e4;border:none;border-radius:8px;padding:.2rem .5rem;cursor:pointer}.course-btn{background:#00e0ff}.draft-action button{background:#f90!important;color:#0a1429!important;border:none;border-radius:8px;padding:.5em 1.2em;font-size:1em;font-weight:500;font-family:Orbitron,sans-serif;cursor:pointer;transition:background-color .3s ease,color .3s ease}.draft-action button:hover{background:#ffa733!important;color:#0a1429!important}.draft-action button:focus{outline:none;box-shadow:0 0 0 2px #f90}@media (max-width: 768px){.drafts-tabs{gap:.5rem}.draft-item-row{flex-direction:column;align-items:stretch}.quiz-tab,.course-tab{font-size:.95rem;padding:8px 12px;min-width:auto;flex:1}.quiz-draft-card-inner,.course-draft-card-inner{width:100%;height:140px}}:root{--primary: #ff00ff;--secondary: #00e0ff;--text-light: #111;--text-dark: #f1f1f1;--bg-light: #f9f9f9;--bg-dark: #121212;--background: #f4f4f4;--card-background: white;--text-primary: black;--text-secondary: black;--input-background: #0a1429;--input-text: white;--gradient-primary: linear-gradient(45deg, #00e0ff, #ff00ff);--box-dark: #111}body.dark-mode{--background: #080D18;--card-background: #0A1429;--text-primary: white;--text-secondary: #B8C5D6;--input-background: #0A1429;--input-text: white;--header-footer-background: #080D18}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;box-sizing:border-box;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y}*,*:before,*:after{box-sizing:inherit}body{font-family:Orbitron,sans-serif;font-weight:400;font-size:16px;line-height:1.4;background-color:var(--background);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}button{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:all .25s}.standard-input{background-color:var(--input-background);color:var(--input-text);padding:.75rem 1rem;font-weight:500}input::placeholder{color:#0006}body.dark-mode input::placeholder{color:#fff9}.darkmode-toggle{background-color:var(--primary);color:#fff}.md-hide{display:none}@media (max-width: 767px){.md-hide{display:block}.md-show{display:none}}