:root{--loop-green: #00DB5F;--loop-green-alt: #32CD7E;--loop-green-light: #20CE7C;--loop-green-lighter: #24CB7B;--bg-darkest: #0F151C;--bg-dark: #151E28;--bg-card: #212933;--bg-elevated: #2D353E;--text-primary: #EEEEEE;--text-bright: #FFFFFF;--text-muted: #7F8488;--text-label: #D8DFE1;--activity-article: #EC9700;--activity-quiz: #AD95DB;--activity-group: #00A73C;--activity-assignment: #0091D9;--activity-evaluation: #623BB0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg-dark);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-bright);margin-bottom:1rem}h1{font-size:3rem;font-weight:700}h2{font-size:2.5rem;font-weight:700}h3{font-size:2rem;font-weight:700}h4{font-size:1.5rem;font-weight:500}h5{font-size:1.25rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{margin-bottom:1rem;color:var(--text-primary);font-size:1rem;line-height:1.6}a{color:var(--loop-green);text-decoration:none;transition:color .2s ease}a:hover{color:var(--loop-green-alt)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section-lg{padding:6rem 0}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background-color:var(--bg-card);border:1px solid var(--bg-elevated);border-radius:12px;padding:2rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);border-color:var(--loop-green);box-shadow:0 8px 24px #00db5f1a}.card h3{font-size:1.5rem;margin-bottom:.75rem}.card p{color:var(--text-primary);font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:var(--loop-green);color:var(--bg-darkest)}.btn-primary:hover{background-color:var(--loop-green-alt);color:var(--bg-darkest);transform:translateY(-2px);box-shadow:0 4px 12px #00db5f4d}.btn-secondary{background-color:transparent;color:var(--text-bright);border:2px solid var(--bg-elevated)}.btn-secondary:hover{border-color:var(--loop-green);color:var(--loop-green)}.btn-outline{background-color:transparent;color:var(--loop-green);border:2px solid var(--loop-green)}.btn-outline:hover{background-color:var(--loop-green);color:var(--bg-darkest)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1.125rem 2.25rem;font-size:1.125rem}.icon-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}.cosmic-bg{position:relative;background:radial-gradient(circle at 20% 30%,rgba(0,219,95,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(50,205,126,.08) 0%,transparent 50%),var(--bg-darkest);overflow:hidden}.cosmic-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,255,255,.3),transparent);background-size:200% 200%;background-position:0% 0%;opacity:.6;pointer-events:none}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-large{font-size:1.25rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.section{padding:3rem 0}.section-lg{padding:4rem 0}.grid{gap:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:1.5rem}.btn{width:100%}}@media(min-width:769px)and (max-width:1024px){.container{max-width:960px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}main{min-height:calc(100vh - 80px)}html{scroll-behavior:smooth}button:focus,a:focus,input:focus,textarea:focus{outline:2px solid var(--loop-green);outline-offset:2px}input,textarea{width:100%;padding:.875rem;background-color:var(--bg-card);border:1px solid var(--bg-elevated);border-radius:8px;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:1rem;transition:border-color .2s ease}input:focus,textarea:focus{border-color:var(--loop-green);outline:none}textarea{resize:vertical;min-height:120px}label{display:block;margin-bottom:.5rem;color:var(--text-label);font-weight:500}ul{list-style-position:inside}li{margin-bottom:.5rem}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:0;box-shadow:0 4px 20px #00000014}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}