@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
:root{--body-color:#fbfbfb;--bg-color:#fff;--main-bg:#007932;--footer-bg:#132f17;--icon-bg:#cee616;--bg-hero:#719e3b;--regular-text:black;--white-text:#fff;--logo-text:#8db529;--fouces-text:#73bf43;--main-shadow:5px 5px 10px grey;--sub-shadow:5px 5px 10px #0e4902}.joinNowContainer{flex-direction:column;justify-content:center;align-items:center;margin-top:40px;display:flex}.joinNowContainer h1{color:var(--fouces-text);font-size:3rem}.choseContainer{background:var(--bg-color);box-shadow:var(--main-shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.choseContainer h3{font-weight:400}a{text-decoration:none}.buttonsContainer{gap:40px;display:flex}.uni{border:2px solid var(--fouces-text);color:var(--fouces-text);background:var(--bg-color);cursor:pointer;border-radius:16px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 60px;font-size:1.3rem;transition:all .4s ease-in-out;display:flex}.school{border:2px solid var(--fouces-text);color:var(--fouces-text);background:var(--bg-color);cursor:pointer;border-radius:16px;outline:none;flex-direction:column;gap:20px;padding:40px 74px;font-size:1.3rem;transition:all .4s ease-in-out;display:flex}.student{border:2px solid var(--fouces-text);color:var(--fouces-text);background:var(--bg-color);cursor:pointer;border-radius:16px;outline:none;flex-direction:column;gap:20px;padding:40px 71px;font-size:1.3rem;transition:all .4s ease-in-out;display:flex}.material-icons.icon,.material-symbols-rounded.icon{font-size:4rem}.uni:hover,.school:hover,.student:hover{background:var(--fouces-text);color:var(--white-text)}@media (max-width:1400px){.buttonsContainer,.uni,.school,.student{margin-left:0}}@media (max-width:1200px){.buttonsContainer,.uni,.school,.student{margin-left:0}}@media (max-width:900px){.uni{padding:20px 40px}.school{padding:20px 49px}.student{padding:20px 42px}}@media (max-width:599px){.buttonsContainer{flex-direction:column;gap:20px;padding:40px}.uni{margin-left:0;padding:50px 64px}.school{margin-left:0;padding:50px 77px}.student{margin-left:0;padding:50px 74px}}@media (max-width:480px){.uni{padding:20px}.school{padding:20px 29px}.student{padding:20px 22px}}
:root{--body-color:#fbfbfb;--bg-color:#fff;--main-bg:#007932;--footer-bg:#132f17;--icon-bg:#cee616;--bg-hero:#719e3b;--regular-text:#132f17;--white-text:#fff;--logo-text:#8db529;--focus-text:#73bf43;--muted-text:#6b7c6e;--subtle-text:#9ca89e;--border-color:#e8ede9;--input-bg:#f8faf8;--main-shadow:0 25px 80px -20px #00793240, 0 10px 40px -15px #0000001a;--input-shadow:0 4px 20px #73bf4326;--button-shadow:0 8px 30px -10px #00793280;--button-shadow-hover:0 12px 40px -10px #00793299}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--main-shadow);background:#fffffff2;border-radius:32px;grid-template-columns:minmax(320px,480px) minmax(300px,500px);width:100%;max-width:980px;animation:.6s ease-out scaleIn;display:grid;overflow:hidden}.form-section{flex-direction:column;justify-content:center;padding:60px 50px;display:flex}.login-error-message{color:red}.form-element{animation:.5s ease-out backwards slideUp}.form-element:first-child{animation-delay:.1s}.form-element:nth-child(2){animation-delay:.2s}.form-element:nth-child(3){animation-delay:.3s}.form-element:nth-child(4){animation-delay:.4s}.form-element:nth-child(5){animation-delay:.5s}.form-element:nth-child(6){animation-delay:.6s}.form-element:nth-child(7){animation-delay:.7s}.form-header__label{color:var(--focus-text);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:600}.form-header__title{color:var(--regular-text);margin:0 0 8px;font-family:Playfair Display,serif;font-size:42px;font-weight:700;line-height:1.1}.form-header__subtitle{color:var(--muted-text);margin-top:12px;margin-bottom:40px;font-size:15px}.login-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;display:flex}.input-group__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.input-group__label{color:var(--regular-text);letter-spacing:.5px;margin-bottom:20px;font-size:13px;font-weight:600}.input-group__link{color:var(--focus-text);margin-top:10px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.input-group__link:hover{color:var(--main-bg)}.input-wrapper{position:relative}.input-wrapper__icon{width:20px;height:20px;color:var(--subtle-text);pointer-events:none;transition:color .3s;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.input-wrapper__field{border:2px solid var(--border-color);background:var(--input-bg);box-sizing:border-box;border-radius:14px;outline:none;width:100%;padding:16px 20px 16px 50px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .3s}.input-wrapper__field::placeholder{color:var(--subtle-text)}.input-wrapper__field:focus{border-color:var(--focus-text);background:var(--bg-color);box-shadow:var(--input-shadow)}.input-wrapper:focus-within .input-wrapper__icon{color:var(--focus-text)}.submit-btn{width:100%;color:var(--white-text);cursor:pointer;box-shadow:var(--button-shadow);letter-spacing:.5px;background:linear-gradient(135deg,#73bf43 0%,#007932 100%);border:none;border-radius:14px;margin-top:8px;padding:18px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.submit-btn:hover{box-shadow:var(--button-shadow-hover);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.divider{align-items:center;gap:16px;margin:32px 0;display:flex}.divider__line{background:linear-gradient(90deg,#0000,#dce3dd,#0000);flex:1;height:1px}.divider__text{color:var(--subtle-text);font-size:13px;font-weight:500}.social-buttons{gap:12px;display:flex}.social-btn{color:var(--regular-text);background:var(--input-bg);border:2px solid var(--border-color);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .3s;display:flex}.social-btn:hover{border-color:var(--focus-text);background:var(--bg-color)}.social-btn__icon{width:18px;height:18px}.signup-link{text-align:center;color:var(--muted-text);margin-top:32px;font-size:14px}.signup-link a{color:var(--main-bg);font-weight:600;text-decoration:none;transition:color .2s}.signup-link a:hover{color:var(--focus-text)}.brand-section{background:linear-gradient(145deg,#007932 0%,#132f17 100%);flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;animation:.8s ease-out .3s backwards fadeIn;display:flex;position:relative;overflow:hidden}.brand-orb{pointer-events:none;border-radius:50%;position:absolute}.brand-orb--circle-1{border:1px solid #cee61633;width:200px;height:200px;animation:10s ease-in-out infinite float;top:10%;right:-50px}.brand-orb--circle-2{border:1px solid #73bf4333;width:150px;height:150px;animation:8s ease-in-out infinite reverse float;bottom:15%;left:-30px}.brand-orb--glow{background:#cee6161a;width:80px;height:80px;animation:5s ease-in-out infinite pulse;top:40%;left:20%}.brand-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:32px;display:flex;box-shadow:0 20px 60px #0000004d}.brand-logo__icon{width:80px;height:80px;color:var(--icon-bg)}.brand-logo__image{max-width:220px;height:auto}.brand-title{color:var(--white-text);text-align:center;margin:0 0 16px;font-family:Playfair Display,serif;font-size:32px;font-weight:700;line-height:1.2}.brand-subtitle{color:#ffffffb3;text-align:center;max-width:280px;margin:0;font-size:15px;line-height:1.6}.brand-stats{gap:40px;margin-top:48px;display:flex}.stat{text-align:center}.stat__value{color:var(--icon-bg);font-size:28px;font-weight:700}.stat__label{color:#fff9;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:13px}@media (max-width:1400px){.submit-btn,.social-btn{margin-left:0}}@media (max-width:1199px){.submit-btn,.social-btn{margin-left:0}}@media (max-width:900px){.login-card{grid-template-columns:1fr;max-width:480px;margin-bottom:50px}.brand-section{display:none}.submit-btn,.social-btn{margin-left:0}.form-section{padding:40px 30px}.form-header__title{font-size:32px}}@media (max-width:480px){.login-page{padding:16px}.form-section{padding:32px 24px}.form-header__title{font-size:28px}.social-buttons{flex-direction:column}}