:root{--light-neutral: #E8EBED;--dark-neutral: #090302;--accent-1: #EC4E20;--accent-2: #F1C40F;--accent-3: #00D9C0}*{outline:none}body{margin:0;padding:0;font-family:Asta Sans,Arial,sans-serif;background-color:var(--dark-neutral)}a{color:inherit}input,textarea{font-family:Asta Sans,Arial,sans-serif}#signup-form{display:flex;flex-direction:column;gap:10px;width:300px}nav{width:100%;height:60px;background-color:var(--dark-neutral);color:var(--light-neutral);display:grid;align-items:center;justify-content:space-around;padding:0 20px;box-sizing:border-box;grid-template-columns:1fr 3fr 1fr;position:fixed;font-family:Funnel Sans,Arial,sans-serif;top:0;left:0;z-index:10}nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:40px}nav ul .nav-link:not(.ignore-nav){transition:.2s;text-decoration:none;transform:scaleX(1.1);display:inline-block}nav ul .nav-link:not(.ignore-nav):hover{filter:sepia(.3) saturate(2);transform:scaleX(1.3) scaleY(1.1)}nav ul .nav-link.dashboard:hover{animation:accentColorAnimation 3s}@keyframes accentColorAnimation{0%{color:var(--light-neutral)}20%{color:var(--accent-1)}40%{color:var(--accent-2)}60%{color:var(--accent-3)}80%{color:var(--accent-1)}to{color:var(--light-neutral)}}@keyframes bounce{0%{transform:scaleX(1.2)}20%{transform:scaleX(1) scaleY(1.2)}40%{transform:scaleX(1.3) scaleY(.9)}to{transform:scaleX(1.2)}}section{height:100vh;width:100%;background-size:cover;background-position:center;color:var(--light-neutral);padding:0 20px;box-sizing:border-box}section:nth-child(3){padding-top:80px}section h1{font-size:3em}section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:0}section>*{position:relative;z-index:1}#skip-to-main-content{display:none;position:absolute}#skip-to-main-content:focus-within{display:block}.hero{display:grid;align-items:center;justify-content:center}button{background:var(--accent-2);border:none;padding:10px 20px;color:var(--dark-neutral);font-size:1em;cursor:pointer;transition:all .2s}button:hover{background:var(--dark-neutral);color:var(--accent-2);transform:scaleX(1.2)}button:focus{animation:bounce 1s}.signup-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.dark-bg section:after{background-color:#000000e6}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;gap:20px}.pricing-card{background:var(--light-neutral);color:var(--dark-neutral);padding:20px;box-sizing:border-box}#mobile-menu-button{display:none;font-size:1.5em;cursor:pointer}#mobile-menu{display:none;position:fixed;top:60px;right:0;background:var(--dark-neutral);color:var(--light-neutral);width:100vw;box-sizing:border-box;padding:20px;z-index:9}#mobile-menu a{display:block;padding:10px 20px;text-decoration:none}.notification{position:fixed;top:60px;left:10px;right:10px;max-width:700px;border:1px solid var(--accent-3);background:var(--dark-neutral);color:var(--accent-3);padding:15px 25px;z-index:100;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s}.notification:hover{opacity:.8}.notification h3{font-size:1.2em;margin:5px}.notification p{font-size:.9em;margin:5px}.notification span{color:#ffffff80;font-size:.7em;float:right;margin:5px}.account-hero{background:var(--dark-neutral);border-top:1px solid var(--accent-1);position:absolute;display:block;inset:60px 0 0;text-align:center}.account-hero:after{display:none}.account-hero section{background:var(--dark-neutral);filter:brightness(1.5);display:inline-block;max-width:700px;margin-left:10px;margin-right:10px;margin-top:10px;height:calc(100svh - 80px);overflow-y:scroll;box-sizing:border-box;padding:17px;scrollbar-width:none;color:var(--light-neutral);text-align:left}.account-hero section *{margin:3px 10px;padding:7px 4px}.account-hero button{padding:6px 14px}.account-hero section:after{display:none}.balloon{position:absolute;opacity:0;pointer-events:none;min-width:200px;width:content;height:min-content;font-size:.8em;border-radius:4px;border:1px solid #2f2617;background:linear-gradient(to bottom,#e6d7bf,#cabea9);color:#12100c;z-index:100;left:0;top:-40px;transition:opacity .2s ease-out}.balloon.show{opacity:1;pointer-events:auto}.auth-form{background:var(--dark-neutral);border:1px solid var(--accent-2);padding:30px;max-width:400px;margin:20px auto}.auth-form h2{color:var(--accent-2);margin-bottom:20px}.auth-form p{margin:10px;color:var(--light-neutral)}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{color:var(--accent-3);margin-bottom:5px;font-size:1em}.form-group input{padding:10px;background:var(--dark-neutral);border:1px solid var(--accent-3);color:var(--light-neutral);font-size:1em}.form-group input:focus{filter:brightness(1.6)}.dashboard-main{background:var(--dark-neutral);position:absolute;inset:60px 0 0;overflow-y:auto;scrollbar-width:none}.dashboard-header{background:linear-gradient(135deg,#ec4e201a,#00d9c01a);border-bottom:2px solid var(--accent-1);padding:40px 20px;text-align:center;color:var(--light-neutral)}.dashboard-header h1{margin:0;font-size:2.5em;color:var(--accent-2)}.dashboard-header p{margin:10px 0 0;color:var(--accent-3);font-size:1.1em}.dashboard-tabs{display:flex;gap:10px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d;overflow-x:auto;flex-wrap:wrap}.tab-btn{padding:12px 24px;background:transparent;border:2px solid var(--light-neutral);color:var(--light-neutral);cursor:pointer;font-size:1em;white-space:nowrap;transition:all .2s}.tab-btn:hover{background:var(--light-neutral);color:var(--dark-neutral)}.schedule-btn{border:2px solid var(--accent-1);color:var(--accent-1)}.schedule-btn:hover{background:var(--accent-1);color:var(--dark-neutral)}.resources-btn{border:2px solid var(--accent-2);color:var(--accent-2)}.resources-btn:hover{background:var(--accent-2);color:var(--dark-neutral)}.collaborate-btn{border:2px solid var(--accent-3);color:var(--accent-3)}.collaborate-btn:hover{background:var(--accent-3);color:var(--dark-neutral)}.dashboard-content{max-width:1200px;margin:0 auto;padding:30px 20px}.tab-content{animation:fadeIn .3s ease-in}.tab-content:after{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h2{color:var(--accent-2);margin-top:0;margin-bottom:25px;font-size:2em}.progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.progress-card{background:linear-gradient(135deg,#f1c40f0d,#00d9c00d);border:1px solid var(--accent-1);padding:25px;color:var(--light-neutral);transition:all .2s;-webkit-user-select:none;user-select:none}.progress-card:hover{transform:translateY(-5px);border-color:var(--accent-3);box-shadow:0 8px 25px #2d4a4eb3}.progress-card h3{margin:0 0 20px;color:var(--accent-2);font-size:1.3em}.progress-bar-container{display:flex;align-items:center;gap:15px;margin-bottom:15px}.progress-bar{flex:1;height:10px;background:#ffffff1a;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-3),var(--accent-2));transition:width .5s ease}.progress-text{color:var(--accent-3);font-weight:700;min-width:45px}.lessons-text{margin:0;font-size:.9em;color:#e8ebedb3}.sessions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.session-card{background:#d92f000d;border:2px solid var(--accent-1);padding:20px;color:var(--light-neutral);transition:all .2s}.session-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #d92b0033}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:15px}.session-card h3{margin:0;color:var(--accent-2);font-size:1.2em}.session-type{padding:5px 12px;font-size:.8em;font-weight:700;white-space:nowrap}.session-type.live{background:var(--accent-1);color:var(--dark-neutral)}.session-type.group{background:var(--accent-3);color:var(--dark-neutral)}.session-type.workshop{background:var(--accent-2);color:var(--dark-neutral)}.session-instructor,.session-time,.session-participants{margin:8px 0;color:#e8ebedcc}.join-btn{width:100%;margin-top:15px;padding:10px 20px;background:var(--accent-3);border:none;color:var(--dark-neutral);cursor:pointer;font-weight:700;transition:all .2s}.join-btn:hover{background:var(--accent-2);color:var(--dark-neutral)}.resource-filters{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:transparent;border:1px solid var(--accent-3);color:var(--accent-3);cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--accent-3);color:var(--dark-neutral);font-weight:700}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.resource-card{background:linear-gradient(135deg,#ecde200d,#f1c40f0d);border:1px solid var(--accent-2);padding:20px;color:var(--light-neutral);transition:all .2s}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #f1c40f26}.resource-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.resource-card h3{margin:0;color:var(--accent-2);font-size:1.1em}.resource-type{padding:4px 10px;font-size:.75em;font-weight:700;white-space:nowrap}.resource-type.video{background:var(--accent-1);color:var(--dark-neutral)}.resource-type.quiz{background:var(--accent-3);color:var(--dark-neutral)}.resource-type.document{background:var(--accent-2);color:var(--dark-neutral)}.resource-subject,.resource-duration{margin:8px 0;color:#e8ebedcc;font-size:.95em}.access-btn{width:100%;margin-top:15px;padding:10px 20px;background:var(--accent-3);border:none;color:var(--dark-neutral);cursor:pointer;font-weight:700;transition:all .2s}.access-btn:hover{background:var(--accent-2);color:var(--dark-neutral)}.create-group-btn{margin-bottom:25px;padding:12px 30px;background:var(--accent-3);border:none;color:var(--dark-neutral);cursor:pointer;font-weight:700;font-size:1em;transition:all .2s}.create-group-btn:hover{background:var(--accent-2);color:var(--dark-neutral);transform:scale(1.05)}.groups-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.group-card{background:#00d9c00d;border:2px solid var(--accent-3);padding:20px;color:var(--light-neutral);transition:all .2s}.group-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00d9c033}.group-card h3{margin:0 0 15px;color:var(--accent-2);font-size:1.2em}.group-topic,.group-members,.group-active{margin:8px 0;color:#e8ebedcc}.group-actions{display:flex;gap:10px;margin-top:15px}.view-btn,.message-btn{flex:1;padding:10px 15px;border:1px solid var(--accent-3);background:transparent;color:var(--accent-3);cursor:pointer;transition:all .2s}.view-btn:hover{background:var(--accent-3);color:var(--dark-neutral)}.message-btn:hover{background:var(--accent-2);color:var(--dark-neutral);border-color:var(--accent-2)}@media screen and (max-width:768px){.dashboard-header h1{font-size:1.8em}.dashboard-tabs{gap:5px;padding:15px 10px}.tab-btn{padding:10px 16px;font-size:.9em}.progress-cards,.sessions-list,.resources-grid,.groups-list{grid-template-columns:1fr}.dashboard-content{padding:20px 10px}}.mobile-menu-button{display:none}@media screen and (max-width:700px){nav ul .hide-mobile,nav ul li.hide-mobile .nav-link{display:none!important}nav{display:flex;justify-content:space-between}.mobile-menu-button{display:block;font-size:2rem}#mobile-menu,#mobile-menu .nav-link-mobile{display:block}}