.role-landing-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef5);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-landing-container,.role-landing-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.role-landing-container{width:100%}.role-landing-wrapper{width:100%;max-width:440px;padding:20px;text-align:center}.role-landing-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:32px}.role-landing-logo-img{max-width:90px;-webkit-filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.role-landing-title{font-size:28px;font-weight:700;margin-bottom:8px;color:#1f2937;letter-spacing:-.5px}.role-landing-subtitle{font-size:15px;color:#6b7280;margin-bottom:32px}.cards-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.cards-container,.role-action-card{display:-webkit-box;display:-ms-flexbox;display:flex}.role-action-card{background:#fff;border-radius:16px;padding:18px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #f0f0f0}.role-action-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 24px rgba(0,0,0,.12);box-shadow:0 12px 24px rgba(0,0,0,.12);border-color:#e5e7eb}.role-action-left,.role-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-badge{width:50px;height:50px;border-radius:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:16px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.role-action-card:hover .role-badge{-webkit-transform:scale(1.08);transform:scale(1.08)}.role-badge.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-badge.coach{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.role-badge.employer{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.role-info h3{margin:0 0 3px 0;font-size:17px;font-weight:600;color:#111827;text-align:left}.role-info span{font-size:13px;color:#6b7280;text-align:left;display:block}.role-arrow{font-size:22px;color:#9ca3af;-webkit-transition:all .3s ease;transition:all .3s ease}.role-action-card:hover .role-arrow{-webkit-transform:translateX(4px);transform:translateX(4px);color:#6b7280}@media (max-width:480px){.role-landing-title{font-size:24px}.role-landing-wrapper{padding:16px}}