.role-page{min-height:100svh;background:#c0dbdc url('assets/role-background.webp') center center/cover no-repeat;display:flex;flex-direction:column;color:#16191d}.role-header{position:absolute;right:50px;top:40px}.login-button{width:160px;display:flex;align-items:center;justify-content:center;gap:8px;background:#f8f7f520}.role-main{padding:80px 24px 0;text-align:center;flex:1}.role-brand{display:flex;align-items:center;flex-direction:column;gap:8px}.role-brand img{border-radius:25px;box-shadow:0 8px 30px #4b566215}.role-brand span{font-size:34px;font-weight:700;line-height:46px;letter-spacing:-.04em}.role-main>h1{font-size:58px;line-height:68px;font-weight:600;letter-spacing:-.03em;margin:14px 0 8px}.role-intro{font-size:14px;line-height:18px;margin:0}.role-cards{display:grid;grid-template-columns:repeat(2,minmax(0,450px));gap:10px;max-width:910px;margin:30px auto 0;text-align:left}.role-card{height:300px;border-radius:30px;position:relative;overflow:hidden;padding:30px;background:#dfddcc;box-shadow:0 14px 30px #334c5720}.role-card.employer{background:#ffdb70}.role-card h2{font-size:20px;line-height:28px;font-weight:700;position:relative;z-index:2}.role-card p{font-size:12px;line-height:16px;margin:8px 0 0;position:relative;z-index:2}.role-circle{position:absolute;width:168px;height:168px;right:30px;top:62px;background:linear-gradient(#ffcd00 70%,#f8f7f5 70%);border-radius:50%}.employer .role-circle{background:#f8f7f5;right:30px;top:66px}.counselor-art{position:absolute;width:175px;height:250px;object-fit:contain;right:30px;top:14px}.house-art{position:absolute;width:217px;height:225px;object-fit:contain;right:-27px;top:-16px;transform:rotate(3deg)}.fire-art{position:absolute;width:86px;height:96px;object-fit:contain;right:114px;top:150px}.role-cta{position:absolute;left:20px;bottom:20px;width:230px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:8px 12px;z-index:3}.role-cta img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.benefits{max-width:1048px;margin:30px auto 0;background:var(--bg);border:1px solid #e8e6dc;border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);padding:19px 0;text-align:left}.benefit{display:flex;align-items:center;gap:10px;padding:0 19px;border-right:1px solid var(--border)}.benefit:last-child{border:0}.benefit>span{width:40px;height:40px;background:#dfddcc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit img{width:18px;height:16px;filter:invert(54%) sepia(98%) saturate(1960%) hue-rotate(359deg) brightness(103%)}.benefit h2{font-size:14px;line-height:20px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.benefit p{font-size:12px;line-height:16px;margin:4px 0 0;color:var(--muted)}.role-footer{text-align:center;padding:50px 18px 18px;font-size:10px;line-height:16px}.role-footer button{font-size:inherit;padding:0;color:#ff9000}.role-footer button:hover{text-decoration:underline}@media(min-height:901px){.role-main{padding-top:max(80px,calc((100svh - 900px)/2 + 80px))}}@media(max-width:1000px){.role-header{right:24px;top:24px}.role-main{padding-top:60px}.role-cards{max-width:850px}.role-card{padding:25px 20px}.role-card h2{font-size:18px}.counselor-art{right:6px;width:155px}.role-circle{right:10px}.house-art{right:-40px;width:200px}.fire-art{right:80px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px 0;max-width:850px}.benefit:nth-child(2){border:0}}@media(max-width:640px){.role-header{right:16px;top:16px}.login-button{width:105px;min-height:36px}.role-main{padding:72px 16px 0}.role-brand img{width:76px;height:76px;border-radius:20px}.role-brand span{font-size:27px;line-height:36px}.role-main>h1{font-size:34px;line-height:42px;margin-top:18px}.role-intro{font-size:13px;line-height:19px;max-width:370px;margin:auto}.role-intro br{display:none}.role-cards{grid-template-columns:1fr;max-width:450px;margin-top:25px;gap:16px}.role-card{height:280px;padding:26px 22px}.role-card h2{font-size:19px}.role-card p{max-width:190px}.counselor-art{right:10px;top:10px;width:150px;height:225px}.house-art{width:185px;right:-27px}.fire-art{right:87px;width:75px;top:130px}.role-circle{width:145px;height:145px;right:15px}.employer .role-circle{right:15px}.role-cta{width:220px;min-height:40px}.benefits{max-width:450px;grid-template-columns:1fr;padding:20px;gap:15px}.benefit{padding:0 0 15px;border:0!important;border-bottom:1px solid var(--border)!important}.benefit:last-child{padding:0;border:0!important}.benefit p br{display:none}.role-footer{padding-top:30px}.role-page{background-attachment:fixed}.role-card h2{max-width:220px}}