*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh}.brand{align-items:center;gap:15px;margin-left:5%;display:flex}.logo{width:10%;height:100%}.logo-text{color:#0000;background:linear-gradient(90deg,#fff,#7e6b01);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:-5%;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.mobilebtn{display:none}nav{z-index:1000;background-color:#02351c;justify-content:space-between;align-items:center;width:100%;height:12%;margin-top:0;margin-left:0;margin-right:0;animation:.9s slideDown;display:flex;position:fixed}.btn-btn{margin-right:5%}.start-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#0d4e19,#7e6b01);border:2px solid #fff;border-radius:50px;width:100%;padding:10px;font-family:Poppins,sans-serif;font-size:16px;transition:all .4s}.start-btn:hover{scale:1.05}.role-selection-section{background-color:#fafafa;justify-content:center;align-items:center;min-height:75vh;padding:80px 20px;display:flex}.role-container{text-align:center;width:100%;max-width:900px}.role-header{color:#02351c;margin:40px;font-family:Poppins,sans-serif;font-size:40px;font-weight:700;line-height:1.3}.role-subheader{color:#02351c;margin-bottom:50px;font-family:Open Sans,sans-serif;font-size:25px}.role-cards-wrapper{justify-content:center;gap:40px;display:flex}.role-card{background:#fff;border:2px solid #eaeaea;border-radius:16px;flex-direction:column;flex:1;align-items:center;padding:40px 30px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000008}.role-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014}.role-card:first-child:hover{border-color:#02351c}.role-card:nth-child(2):hover{border-color:#d35400}.role-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:25px;font-size:35px;display:flex}.student-icon{color:#02351c;background:#02351c1a}.agent-icon{color:#d35400;background:#d354001a}.role-card h3{color:#02351c;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:22px}.role-card p{color:#000;flex-grow:1;margin-bottom:30px;font-family:Open Sans,sans-serif;font-size:15px;line-height:1.6}.role-btn{align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:all .3s;display:flex}.role-card:first-child .role-btn{color:#02351c}.role-card:nth-child(2) .role-btn{color:#d35400}.role-card:hover .role-btn{gap:13px}@media (max-width:768px){.logo{width:auto!important;height:35px!important;margin-left:0!important}.logo-text{margin-left:5px!important;font-size:15px!important}.start-btn{padding:8px 15px!important;font-size:13px!important}.btn-btn{margin-right:15px!important}.brand{gap:8px!important;margin-left:15px!important}.role-cards-wrapper{flex-direction:column;gap:25px}.role-header{font-size:26px}.role-selection-section{padding:30% 20px 50px}.role-card{padding:35px 20px}}