*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fafafa;min-height:100dvh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}nav.rolepick-nav{width:100%;height:70px;padding:0 clamp(12px,4vw,32px);padding-top:env(safe-area-inset-top,0px);z-index:1000;box-sizing:border-box;background-color:#02351c;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001f;justify-content:space-between!important;align-items:center!important;display:flex!important}.rolepick-brand{flex-shrink:0!important;align-items:center!important;gap:12px!important;width:auto!important;margin:0!important;text-decoration:none!important;display:flex!important}.rolepick-logo{object-fit:contain;flex-shrink:0!important;width:auto!important;height:38px!important;margin:0!important}.rolepick-logo-text{letter-spacing:-.3px;line-height:1.2;color:#0000!important;background:linear-gradient(90deg,#fff,#fbbf24)!important;-webkit-text-fill-color:transparent!important;white-space:nowrap!important;-webkit-background-clip:text!important;background-clip:text!important;flex-shrink:0!important;margin:0!important;font-family:Poppins,sans-serif!important;font-size:18px!important;font-weight:700!important}.rolepick-nav-actions{flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:0!important;display:flex!important}.rolepick-back-btn{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;background:linear-gradient(90deg,#0d4e19,#7e6b01)!important;border:1.5px solid #ffffffd9!important;border-radius:50px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:auto!important;max-width:max-content!important;padding:8px 18px!important;font-family:Poppins,sans-serif!important;font-size:13.5px!important;font-weight:600!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.rolepick-back-btn i{font-size:12px!important;transition:transform .2s!important}.rolepick-back-btn:hover{color:#fff!important;border-color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000040!important}.rolepick-back-btn:hover i{transform:translate(-2px)!important}.rolepick-btn-text-short{display:none!important}.rolepick-btn-text-full{display:inline!important}.role-selection-section{box-sizing:border-box;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100dvh;padding:100px 20px 40px;display:flex}.role-container{text-align:center;width:100%;max-width:960px;margin:0 auto}.role-header{color:#02351c;letter-spacing:-.5px;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:clamp(24px,4vw,38px);font-weight:800;line-height:1.25}.role-subheader{color:#475569;max-width:600px;margin:0 auto clamp(28px,5vw,48px);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(14px,2vw,18px);line-height:1.5}.role-cards-wrapper{grid-template-columns:repeat(2,1fr);gap:clamp(18px,3.5vw,32px);width:100%;max-width:880px;margin:0 auto;display:grid}.role-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;padding:clamp(24px,4vw,40px) clamp(18px,3.5vw,30px);text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.role-card:after{content:"";opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.role-card:first-child:after{background:#02351c}.role-card:nth-child(2):after{background:#d35400}.role-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000014}.role-card:hover:after{opacity:1}.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:clamp(60px,10vw,76px);height:clamp(60px,10vw,76px);margin-bottom:20px;font-size:clamp(26px,4.5vw,34px);transition:transform .3s;display:flex}.role-card:hover .role-icon-wrapper{transform:scale(1.08)}.student-icon{color:#02351c;background:#02351c14}.agent-icon{color:#d35400;background:#d3540014}.role-card h3{color:#0f172a;margin:0 0 10px;font-family:Poppins,sans-serif;font-size:clamp(18px,2.8vw,22px);font-weight:700;line-height:1.3}.role-card p{color:#64748b;flex-grow:1;margin:0 0 24px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(13px,1.8vw,14.5px);line-height:1.6}.role-btn{border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:clamp(13px,2vw,15px);font-weight:700;transition:all .3s;display:inline-flex}.role-card:first-child .role-btn{color:#02351c;background:#02351c0f}.role-card:nth-child(2) .role-btn{color:#d35400;background:#d354000f}.role-card:hover .role-btn{gap:12px}.role-card:first-child:hover .role-btn{color:#fff;background:#02351c}.role-card:nth-child(2):hover .role-btn{color:#fff;background:#d35400}@media (max-width:768px){nav.rolepick-nav{height:60px;padding:0 16px;padding-top:env(safe-area-inset-top,0px)}.rolepick-brand{gap:8px!important;margin:0!important}.rolepick-logo{height:32px!important}.rolepick-logo-text{white-space:nowrap!important;font-size:16px!important}.rolepick-nav-actions{width:auto!important}.rolepick-back-btn{gap:5px!important;width:auto!important;max-width:max-content!important;padding:6px 13px!important;font-size:12px!important}.rolepick-back-btn i{font-size:11px!important}.role-selection-section{padding:calc(80px + env(safe-area-inset-top,0px)) 16px 32px 16px}.role-cards-wrapper{grid-template-columns:1fr;gap:18px;max-width:440px}.role-card{padding:24px 20px}.role-card p{margin-bottom:18px}}@media (max-width:480px){nav.rolepick-nav{height:56px;padding:0 12px;padding-top:env(safe-area-inset-top,0px)}.rolepick-brand{gap:7px!important}.rolepick-logo{height:28px!important}.rolepick-logo-text{white-space:nowrap!important;font-size:15px!important}.rolepick-back-btn{gap:4px!important;width:auto!important;max-width:max-content!important;padding:5px 11px!important;font-size:11.5px!important}}@media (max-width:360px){nav.rolepick-nav{height:52px;padding:0 10px;padding-top:env(safe-area-inset-top,0px)}.rolepick-brand{gap:5px!important}.rolepick-logo{height:25px!important}.rolepick-logo-text{white-space:nowrap!important;font-size:13px!important}.rolepick-btn-text-full{display:none!important}.rolepick-btn-text-short{display:inline!important}.rolepick-back-btn{gap:3px!important;width:auto!important;max-width:max-content!important;padding:4px 8px!important;font-size:10.5px!important}.role-selection-section{padding:calc(68px + env(safe-area-inset-top,0px)) 10px 24px 10px}.role-card{padding:20px 14px}.role-btn{justify-content:center;width:100%}}