:root{--color-primary: #2c3e50;--color-accent: #e74c3c;--color-bg: #f8f9fa;--color-text: #333;--color-text-light: #7f8c8d;--color-border: #dee2e6;--color-white: #fff;--color-success: #27ae60;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:background .2s}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:#c0392b;color:var(--color-white)}.btn-secondary{background:var(--color-primary);color:var(--color-white)}.btn-secondary:hover{background:#1a252f;color:var(--color-white)}.btn-login{display:inline-block;padding:8px 20px;background:var(--color-accent);color:var(--color-white);border-radius:6px;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .2s,transform .15s}.btn-login:hover{background:#c0392b;color:var(--color-white);transform:translateY(-1px)}.btn-logout{padding:6px 16px;background:transparent;color:var(--color-text-light);border:1px solid var(--color-border);border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}.btn-logout:hover{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.progress-wrapper{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;background:var(--color-border);border-radius:10px;height:20px;overflow:hidden}.progress-bar-fill{background:var(--color-success);height:100%;border-radius:10px;transition:width .3s}.progress-label{font-weight:500;min-width:120px}.progress-text{font-weight:600;min-width:45px;text-align:right}.card{background:var(--color-white);border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.site-header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:16px 0;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:800;color:var(--color-primary)}.nav{display:flex;align-items:center;gap:24px}.nav a{font-weight:500;color:var(--color-text)}.nav a:hover{color:var(--color-accent)}.nav a.btn-login,.nav a.btn-login:hover{color:var(--color-white)}.github-link,.discord-link{display:flex;align-items:center}.hamburger{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary)}.site-footer{background:var(--color-primary);color:var(--color-white);text-align:center;padding:24px 0;margin-top:60px}.site-footer a{color:var(--color-white);text-decoration:underline}.page{padding:40px 0}.page h1{margin-bottom:32px}.hero{background:var(--color-primary);color:var(--color-white);padding:80px 0;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:16px}.hero-sub{font-size:1.2rem;opacity:.9;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.how-it-works{padding:60px 0}.how-it-works h2{text-align:center;margin-bottom:40px;font-size:2rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{text-align:center}.step-number{width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-white);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.step h3{margin-bottom:8px}.quickstart{padding:60px 0;background:var(--color-white)}.quickstart h2{text-align:center;margin-bottom:12px;font-size:2rem}.quickstart-sub{text-align:center;color:var(--color-text-light);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.quickstart-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.qs-step{background:var(--color-bg);border-radius:8px;padding:24px;border-left:4px solid var(--color-accent)}.qs-icon{font-size:1.8rem;margin-bottom:8px}.qs-step h3{margin-bottom:8px;font-size:1.1rem}.qs-step p{font-size:.95rem;line-height:1.5}.qs-step a{color:var(--color-accent);font-weight:600}.community{padding:60px 0}.community h2{text-align:center;margin-bottom:40px;font-size:2rem}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.community-card{text-align:center;display:block;transition:transform .2s,box-shadow .2s;color:var(--color-text)}.community-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f;color:var(--color-text)}.community-icon{margin-bottom:12px}.community-card h3{margin-bottom:8px}.courses-preview{padding:0 0 60px}.courses-preview h2{text-align:center;margin-bottom:40px;font-size:2rem}.course-card h3{margin-bottom:8px;color:var(--color-primary)}.course-card p{color:var(--color-text-light);margin-bottom:12px}.course-desc{font-size:1.1rem;color:var(--color-text-light);margin-bottom:16px}.module-card{margin-bottom:16px}.module-card h3{margin-bottom:8px}.module-card ul{padding-left:20px}.module-card li{margin-bottom:4px}.classroom-link{text-decoration:none;margin-left:6px;font-size:.9em}.login-page{padding:80px 0;display:flex;justify-content:center}.login-card{text-align:center;max-width:400px;padding:48px}.login-card h1{margin-bottom:16px}.login-card p{margin-bottom:32px;color:var(--color-text-light)}.github-btn{font-size:1.1rem;padding:14px 32px}.verify-page{padding:60px 0;display:flex;justify-content:center}.verify-card{text-align:center;max-width:500px;padding:48px}.valid-badge{display:inline-block;background:var(--color-success);color:#fff;padding:8px 24px;border-radius:20px;font-weight:700;font-size:1.1rem;margin-bottom:24px}.verify-card h1{margin-bottom:24px}.verify-details{text-align:left}.verify-details p{margin-bottom:8px;font-size:1.05rem}.stat-card{text-align:center;padding:32px 24px}.stat-number{font-size:2.5rem;font-weight:800;color:var(--color-primary)}.stat-label{font-size:1rem;color:var(--color-text-light);margin-top:4px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table th{font-weight:600;color:var(--color-text-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.avatar{width:32px;height:32px;border-radius:50%}.role-select{padding:4px 8px;border-radius:4px;border:1px solid var(--color-border);font-size:.9rem}.modulelists-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;margin-top:24px}.modulelists-container .btn{margin-top:8px}.modulelists_info{display:flex;flex-direction:column;gap:8px}.modulelists_dropdownlist{gap:4px;display:flex;flex-direction:column;list-style:none;padding:0}.modulelists_dropdownlist-item{display:flex;width:100%;align-items:center;gap:10px;margin-left:12px;flex-wrap:wrap}@media(max-width:767px){.hamburger{display:block}.nav{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--color-white);padding:20px;border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px #0000001a}.nav.open{display:flex}.hero h1{font-size:1.8rem}.steps,.quickstart-steps,.community-grid{grid-template-columns:1fr}.modulelists-container{display:flex;flex-direction:column;align-items:start}.moduleslists_dropdownlist-item-status{width:100%}.modulelists_dropdownlist{gap:14px}.page{padding:40px 20px}}@media(min-width:768px)and (max-width:1023px){.community-grid{grid-template-columns:repeat(2,1fr)}}